跨域操作一直是前端开发中的一大挑战，特别是在处理iframe内的DOM元素时。在未跨域的情况下，我们还是有办法操作iframe里的DOM元素的。下面这篇文章将为你详细介绍两种方法，这些方法在index.html文件中操作b.html（这里假设a.html和b.html内容相同）里的DOM元素。

设想一下你在index.html中引入了一个iframe，其源码为a.html。这个iframe嵌入的内容，你想通过JS来进行操作。

让我们看看index.html的结构：

```html

```

而a.html的内容如下：

```html

```

方法一：

通过window对象访问iframe，并使用其document对象进行操作。

```javascript

var d = window.frames["one"].window; //获取iframe的window对象

d.onload = function(){

console.log(d.document.getElementById("dd")); //获取iframe内的元素并打印

};

```

方法二：

```javascript

var ifr = document.createElement('iframe'); //创建新的iframe元素

ifr.src = 'a.html'; //设置iframe的源地址

document.body.appendChild(ifr); //将iframe添加到body中

ifr.onload = function(){ //当iframe加载完成时执行函数

var doc = ifr.contentDocument || ifr.contentWindow.document; //获取iframe的document对象

console.log(doc.getElementById("dd")); //在这里操纵并打印iframe内的元素

};

```

以上两种方法都可以在未跨域的情况下成功操作iframe内的DOM元素。在实际应用中，你可以根据具体情况选择合适的方法。这些方法对于想要在index.html中操作b.html（或其他同源页面）内的DOM元素非常有用。希望这篇文章能对你有所帮助！如果你有任何疑问或需要进一步的解释，请随时提问。