/*document.getElementById(id)
【功能】通过当前元素节点(标签)id,获取对应的一个元素节点
获取后可以访问元素节点属性
通过节点对象,访问它的一系列属性
1、tagName:获取元素节点的标签名
2、innerHTML 获取元素节点标签间的内容(获取)
<div id="div1"><em>协议</em></div>
这个就是获取em内容
HTML属性的属性
包括:
id className(在获取class,不能直接class,必须使用className)
style title等
通过(元素节点.属性名),
(元素节点【属性名】)访问这些属性
*/
window.onload=function () { //onload 在页面加载完成后执行(如果不加他,不能执行,因为有顺序)
var odiv=document.getElementById("div1");
alert(odiv);
alert(odiv.tagName);
alert(odiv.innerHTML);
odiv.innerHTML="<h1>你好</h1>" //给innerHTML赋值
}
window.onload=function () {
var odiv2=document.getElementById("div2");
alert(odiv2.id);
alert(odiv2.title);//这些为取值
odiv2.title="world";
odiv2.className="dasd";
alert(odiv2.style.width);
/*
注意:在style样式中,
background-color,这种使用-连接的熟悉
访问的时候,需要将-去掉,然后将后续单词的首字母大写*/
}
</script>
协议