11-14晚 javascript dom控制初步学习笔记

html1

<input type="button" id="click3" value="click"/>

<script type="text/javascript">
document.getElementById('click3').addEventListener('click',func3,false);//添加事件监听,执行方法为‘click’,执行函数为func3(),false不明白啊,有没有大侠知道 告诉我一下 ??
document.getElementById('click3').addEventListener('click',func4,false);
function fun3(){
   alert('hehe');
}
function fun4(){
   alert('haha');
}

</script>

html2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>


<body>
<script type="text/javascript">
function showDiv(){
//dom操作(js类似于php)
//创建一个元素,参数是元素名
var new_div = document.createElement('div');
//给div设置大小和颜色,通过style属性获得,根据style属性下的具体属性进行设置
new_div.style.width = '100px';
new_div.style.height = '100px';
//当属性由多个单词组成时,采用驼峰法命名
new_div.style.backgroundColor = 'red';
new_div.id='div1';
//确定位置
document.body.appendChild(new_div);
var text = document.createTextNode('abcd');
new_div.appendChild(text);
alert(document.getElementById('div1').nodeName);
}
</script>


<input type = "button" onclick="showDiv()" value="click"/>
</body>
</html>

你可能感兴趣的:(11-14晚 javascript dom控制初步学习笔记)