码迷,mamicode.com
首页 > Web开发 > 详细

JS DOM节点

时间:2017-08-17 14:37:40      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:姓名   document   form   set   eva   reset   var   lte   value   

html代码:

<body onload ="loaded12()">
<form name="form1" action="http://www.baidu.com" method="post">
	姓名:<label ><input type="text" name="name"/></label><br/>
    年龄:<label ><input type="text" name="age"/></label><br/>
    <input type="submit" name="submit" value="提交" onclick="submitClick()" />
    <input type="reset" name="reset" value="重置"/>
    <input type="image" name="image">
</form>
<h1 id="title">好人一生平安</h1>
</body>

遍历节点 

function loaded12(){
	var txt="";
	var c=document.body.childNodes;
	for (i=0; i<c.length; i++)
	  {
		  txt=txt + c[i].nodeName + "-" + c[i].nodeType+ "-"+c[i].nodeValue+"   ";
	  };
	   alert(txt);
}

 技术分享

改变节点的值:下面两句代码等价

 document.getElementById("title").childNodes[0].nodeValue= "我是标题";
document.getElementById("title").innerHtml="我是标题";

 

 改变属性:

document.getElementById("title").childNodes[0].nodeValue= "我是标题";//下面两句等价
document.getElementById("title").setAttribute("style","background: red;");
document.getElementById("title").style.background="red";

添加节点:

var tilte = document.getElementById("title");
img = document.createElement("IMG");
img.src="123.png";
title.appendChild(img);

 

JS DOM节点

标签:姓名   document   form   set   eva   reset   var   lte   value   

原文地址:http://www.cnblogs.com/hualuoshuijia/p/7380879.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!