js基础精华01

最新推荐文章于 2017-08-28 17:39:13 发布

zhaihaohao1

最新推荐文章于 2017-08-28 17:39:13 发布

阅读量411

点赞数

分类专栏： js基础精华

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/47778929

版权

js基础精华专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!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 οnclick="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 οnclick="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 οnclick="demo03()">按钮03</button>
<script>
    function demo03() {
//改变元素属
document.getElementById("aid03").href="https://www.taobao.com";
    }
</script>

</body>
</html>

zhaihaohao1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js基础精华01

html>lang="en"> charset="UTF-8"> id="pid01">我是p元素01onclick="demo01()">按钮01 function demo01() {// 通过id找到html元素 var nv = document.getElementById("pid01");
复制链接

扫一扫

专栏目录