javascript学习记录

最新推荐文章于 2023-01-15 20:54:37 发布

章鱼哥的梦想

最新推荐文章于 2023-01-15 20:54:37 发布

阅读量264

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_41377054/article/details/118083219

版权

innerHTML和innerText：

innerHTML:

<body>
    <div class="btn"></div>
</body>
<script>
    var btn = document.querySelector('.btn');
    btn.innerHTML = '<div class="new-div">new div</div>';

    // var btn = document.querySelector('.btn');
    // btn.innerText = '<div class="new-div">new div</div>';
</script>

效果：
在这里插入图片描述

innerText：

<body>
    <div class="btn"></div>
</body>
<script>
    // var btn = document.querySelector('.btn');
    // btn.innerHTML = '<div class="new-div">new div</div>';

    var btn = document.querySelector('.btn');
    btn.innerText = '<div class="new-div">new div</div>';
</script>

效果:
在这里插入图片描述

结论：

innerHTML可以在页面中添加元素
innerText是在页面中添加元素当中的内容

console.log(num++)和console.log(++num):

var num = 10;
console.log('num++的结果为：');
console.log(num++);	//10
/*
    console.log(num++); 
    等价于
    console.log(num); 
    num++;
*/

var num = 10;
console.log('++num的结果为：');
console.log(++num);	//11
/*
    console.log(++num); 
    等价于
    num++;
    console.log(num);
*/


//上面两个测试最后num值都为11
//num++会在;的整个表达式结束之后再自增，无论num++后面有多少运算都是最后再自增
//++num会先自增再进行运算