js一般用法

<1> 通过id查找html元素

var x=document.getElementById("intro");

 

<2> 通过标签名查找html元素

var x=document.getElementById("main");
var y=x.getElementsByTagName("p");

　　

var divDom2 = document.getElementsByTagName("div"); //为一个数组
alert(divDom2[1].innerHTML)
x.innerHTML = "22"; //为属性赋值

　　

文本框的话为：.value

var inputDom = document.getElementById("j_input1");
inputDom.value

　　

返回类名

var className = document.getElementById("j_div1").getAttribute("class");
alert(className)

　　

为class赋值

document.getElementById("j_div1").setAttribute("aa", "11")
 

　　

<3> 通过类名查找html元素

var x=document.getElementsByClassName("intro");

　　

 

<4> 通过js为属性增添样式

document.getElementById("p2").style.color="blue";

　　

<5> 入口函数

//js的点击事件
window.onload = function() {
document.getElementById("j_div1").addEventListener("click", function() {
alert(111)；
});
document.getElementById("j_ShowDom").onclick=function(){
alert(11)
}
};