webAPI的style属性以及innerHTML和innerText的区别

最新推荐文章于 2022-08-11 22:45:30 发布

灯光下的投影

最新推荐文章于 2022-08-11 22:45:30 发布

阅读量932

点赞数

分类专栏： webAPIs 文章标签：前端 webApi style属性

本文链接：https://blog.csdn.net/liuyuhua666/article/details/89207058

版权

一、innerText和innerHTML

都是用来操作标签的内容的
区别
-innerText只会操作文本内容，如果有标签，不生效
-innerHTML:能够操作HTML标签，标签能够生效
推荐使用innerText, 更加安全

二、表单的属性

value
-京东的搜索效果

布尔属性
-值只有true和false
-disabled
-checked
-selected
-随机翻牌子

<body>
    <button id="btn">翻牌子</button>
    <select name="" id="">
        <option value="">刘枝富</option>
        <option value="" selected>法制兵</option>
        <option value="">方玉红</option>
        <option value="">张玉珂</option>
        <option value="">张飞</option>
        <option value="">姜国欣</option>
    </select>
    <script>
        var btn = document.getElementById('btn');
        var options = document.getElementsByTagName('option');
        btn.onclick = function(){
            var index = parseInt(Math.random() * options.length);
            options[index].selected = true;
        }
    </script>
</body>

-全选案例

<body>
<div class="wrap">
  <table>
    <thead>
      <tr>
        <th>
          <inpu

最低0.47元/天解锁文章

灯光下的投影

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
webAPI的style属性以及innerHTML和innerText的区别

一、innerText和innerHTML都是用来操作标签的内容的区别-innerText只会操作文本内容，如果有标签，不生效-innerHTML:能够操作HTML标签，标签能够生效推荐使用innerText, 更加安全二、表单的属性value-京东的搜索效果布尔属性-值只有true和false-disabled-checked-selected-随机翻牌子...
复制链接

扫一扫