1.设置了三种方法来根据不同的场合获取不同的节点对象:
var test = function (){//获取id的值
var d1 = document.getElementById("d1");
alert(d1.innerHTML)
}
var test1 = function (){ //获取标签的值
var divs = document.getElementsByTagName("div");
for( var i = 0; i < divs.length; i ++){
alert(divs[i].innerHTML);
}
}
var test2 =function (){ //为了获取不同的标签的值,可以命名name值来得到一个值集合
var names = document.getElementsByName("a");
for( var k = 0; k < names.length; k ++){
alert(names[k].innerHTML);
}
2.设置标签的属性,设置一个输入框,和三个按钮。
3.三个方法对于获得和设置标签的属性值。
var test = function (){
var text = document.getElementById("1");
alert(text.getAttribute("value"));
alert(text.getAttribute("name"));
}
var test1 = function (){
var text1 = document.getElementById("1");
text1.setAttribute("value","123");//重新设置标签的属性,也可以添加属性
text1.setAttribute("name","老王");
}
//给标题1添加属性,将其颜色变为红色。
var test2 = function (){
var h1 = document.getElementById("01");
h1.setAttribute("style","color:red");
}
标签:function,标签,alert,html,var,document,节点,属性
From: https://www.cnblogs.com/460759461-zeze/p/18160500