DOM获取结点

最新推荐文章于 2024-10-06 07:45:00 发布

夜说java

最新推荐文章于 2024-10-06 07:45:00 发布

阅读量305

点赞数

CC 4.0 BY-SA版权

分类专栏： java

本文链接：https://blog.youkuaiyun.com/ZPF1993X/article/details/52782791

java 专栏收录该内容

25 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<script type="text/javascript">
function onclickdemo() {
var divNode = document.getElementById("divid");
alert(divNode.nodeName);
alert(divNode.nodeName);
divNode.innerHTML = "张鹏飞".fontcolor("red");
}
function demoe() {
var nodes = document.getElementsByName("user");

var divnode = document.getElementById("divid");

var divvalue = divnode.innerHTML;
alert(divvalue);
//nodes[0].value(divvalue);
nodes[0].innerHTML=divvalue;
}

function demo3(){
var divnodes= document.getElementsByTagName("div");
//遍历所有div结点
for(var x=0;x<divnodes.length;x++){
//alert(divnodes[x].innerHTML);
}
//获取表格中所有div 先获取表格对象通过表格的getElementByTagName获取其中的div

var tableNode= document.getElementById("tabled");
var divnode=document.getElementsByTagName("div");
for(var y=0;y<divnode.length;y++){
alert(divnode[y].innerHTML);
}
}

</script>

<input type="button" name="请点击" text="asasasas" value="按鈕"
onclick="demo3()">
<div id="divid">div区域</div>
<table id="tabled">
<tr>
<td>单元表格一</td>
<td>单元表格二</td>
</tr>
<tr>
<td>单元表格一</td>
<td>单元表格二</td>
</tr>
</table>
<a href="https://www.baidu.com/">这里是白度</a>
<input type="text" name="user">
<span> span块</span>
</body>
</html>