您的位置：首页 > Web前端 > JavaScript

js基础精华01

2015-08-19 12:49 701 查看

<!DOCTYPE html>
<!--Javascript-DOM操作HTML-->
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--通过id找到html元素,修改内容-->
<p id="pid01">我是p元素01</p>
<button onclick="demo01()">按钮01</button>
<script>
function demo01() {
//            通过id找到html元素
var nv = document.getElementById("pid01");
nv.innerHTML = "p元素被修改了";
//       上面写成一行：
//            var nv = document.getElementById("pid01").innerHTML="p元素被修改了";
}
</script>
<br/>

<!-- 通过元素名找到html元素，修改内容-->
<a>我是元素02</a>
<br/>
<button onclick="demo02()">按钮02</button>
<script>
function demo02() {
//            通过元素名找到html元素
//            如果是两个以上的a元素，那么改变的是第一个
var nv01 = document.getElementsByTagName("a");
var nv02 = nv01[0];
nv02.innerHTML = "a元素被修改了";

}
</script>
<br/>

<!--修改元素的属性-->
<a id="aid03" href="https://www.baidu.com">百度</a>
<br/>
<button onclick="demo03()">按钮03</button>
<script>
function demo03() {
//改变元素属
document.getElementById("aid03").href="https://www.taobao.com";
}
</script>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航