注意总结JavaScript中获取节点对象的方法:
1、
document.getElementById("Id属性值"); 根据元素Id值 获取特定的某个元素
document.getElementsByTagName("标记名称");根据元素标记名称获取某些元素
2、
注意var btnList = document.getElementsByTagName("button");得到的返回值为对象的数组,需要遍历数组来获取每个数组元素来进行操作
for(var i = 0; i < btnList.length; i++ ){
btnList[i].onclick = function(){
}
}
3、
innerHTML属性和value属性的区分
innerHTML通常用来获取或设定双标记的网页元素标记内部的html内容,如在题中
var result = document.getElementById("result");
result.innerHTML = "内容";
该操作设定的就是id值为result的元素标记内部的html内容 ,html内容指假如写的内容中包含html标记,那么这些标记会经过浏览器的解析在页面上呈现。
value属性通常用来设定或获取表单元素的值,最为常用的就是文本框中输入的文本内容的获取和设定,以及表单按钮上的文字的设定和获取。
如在按钮文字设定
var btn = document.getElementById("btn");
btn.value = "按钮";
文本框中文字设定和获取
var text1 = document.getElementById("username");
text.value = "用户名不能为空";