"如何获取#document"下的DOM元素

首先你要搞清楚一个概念，iframe中的是“另一个网页”，要想获取其中的DOM元素，就涉及一个跨域的问题，如果当前网页与“另一个网页”是同域（通俗来说就是同一个域名下的不同网页），那么你可以这样来获取（比如说获取body）：

documentgetElementsByTagName("iframe")[0]contentDocumentbody

而如果是不同域，比如你在自己的网页用iframe来嵌套百度的首页，那就无法通过上述方法获取了，浏览器会自动拦截，因为这违反了跨域调用的规则（技术上是没问题的，只是违规了），这时候就要通过一些曲折的“民间偏方”来达到目的了，比如通过自己的后台去获取对方网页的内容（这个不会跨域），再发回给前端，具体你自己搜索，这里三言两语说不明白的。

1JS方法：

<script>windowonload=function(){

var va = documentgetElementById("d1")childNodes;

for(var i=0;i<valength;i++){

if(va[i]nodeNametoLocaleUpperCase() == "A"){

alert("JS: "+va[i]attributes["linkId"]nodeValue);

}

}

};

</script>

2 Jquery方法：

<script src="jquery-191minjs" type="text/javascript"></script>

<script>

$(document)ready(function(){

$("#d1 a")each(function(){

alert("Jquery: "+$(this)attr("linkId"));

});

});

</script>

JS 获取HTML标签内的子节点的方法

子节点的个数：

documentgetElementById("id")childNodeslength  

注意： 标签开/闭合算2个节点 第几个子几点：

documentgetElementById("id")childNodes[n]  

示例：

这里是 length-4 处，margin-left：20px

输出：length=8

实例：

<div id="page_kx" style="text-align: center;" class="tac">    <span class="fy2">1</span>  <a href="#">2</a>  <a href="#">3</a>  <a href="#">4</a>  <a href="#">5</a>  <a href="#">下一页</a>  <a href="#">末页</a>  </div>    <script>  var gor=documentgetElementById("page_kx");  var gorL=Number(gorchildNodeslength)-4;  gorchildNodes[gorL]stylemargin="0 0 0 20px";  </script>  

有原生DOM获取以及用js库比如jquery

原生DOM的话首先获取标签对象，id或者name或其他

例：

<p id="targetp" >2333333</p><script>

    var element = documentgetElementById("targetp");

    var tagname = elementtagName;

    alert(tagname);

</script>

jQuery获取

$("#content-header")get(0)tagName

如果已经获取到对象可以直接获取标记名

<p onclick="alert('您单击的是：'+thistagName);">中华人民共和国</p>

以上就是关于"如何获取#document"下的DOM元素全部的内容，包括:"如何获取#document"下的DOM元素、html JS中如何获取某ID下的某个标签的某个属性值、如何用JS获取html元素的标记名等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！