html元素属性值innerHtml和value区别

最新推荐文章于 2022-03-05 14:03:39 发布

闲人不梦卿

最新推荐文章于 2022-03-05 14:03:39 发布

阅读量345

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/atu1111/article/details/110452630

版权

html 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

html元素属性值innerHtml和value区别

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
             innerHTML innerText是对非表单元素进行操作的。

             value是对表单元素进行操作的，表单元素有：
             <input.../>
             <label.../>
             <button.../>
             <select.../>
             <option.../>
     -->
     <div id="dd">
           你好，以泽
     </div>
     <label id="ll">以泽，平安健康长大</label>
     <select id="sl">
         <option>1222</option>
         <option>4444</option>
     </select>
     <script type="text/javascript">
               var dd = document.getElementById('dd');
               console.log(dd.innerHTML);
               console.log(dd.value);
               var ll = document.getElementById('ll');
               console.log(ll.innerHTML);
               console.log(ll.value);
               var sl = document.getElementById('sl');
               console.log(sl.innerHTML);
               console.log(sl.value);
     </script>
</body>
</html>

闲人不梦卿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html元素属性值innerHtml和value区别

html元素属性值innerHtml和value区别<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head>&lt
复制链接

扫一扫

专栏目录