<!DOCTYPE html>
<html>
<head>
<title>常用属性</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
<div id="div1" class="DIV1"> </div>
<input type="button" id= "btn" value="按钮" />
<div id="box">
<p>标题</p>
这里是一段文字
</div>
<script type="text/javascript">
/*
* className
* 注意:class是js中的一个保留字,它是不允许我们使用的
* 在获取class的时候,不能用class,而要用className
*
*
* innerHTML
* 1.获取的是一个标签对里的所有内容
* 如果标签对当中有其他的标签,那一样会拿到其他的标签
*
* 2.在给innerHTML设置值的时候,如果这个值里面有html标签,
* 那放到网页当中,浏览器会把它解析成一个真正的html标签
*
* href和src
* 获取的是绝对路径(http://127.0.0.1:8020……),而不是我们所填写的路径值
*/
var div1 = document.getElementById("div1");
console.log(div1.class);//undefined
console.log(div1.className);//DIV1
var btn = document.getElementById("btn");
var box = document.getElementById("box");
btn.onclick = function(){
console.log(box.innerHTML);
box.innerHTML = "我改变了<br /><a href='http://www.163.com'>点我去网易</a>";
};
</script>
</body>
</html>
JavaScript常用属性
最新推荐文章于 2023-11-19 14:04:36 发布