js中的value和innerHTML和inerText

古城微笑少年丶 2022-07-13 23:24 150阅读 0赞

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    
                
                
                <input id="inp1" type="text" value="我是inpput的value属性值"/>
    
                <div id="box1">
                    
                    <div id="box2">我是box2的内容</div>
                </div>
    
                <div id="box3">
                    
                    <div id="box4">我是box2的内容</div>
                </div>
    
    
                <script>
    
                    //value：标签的value属性。
                    console.log(document.getElementById("inp1").value);
    
                    //innerHTML：获取双闭合标签里面的内容。（识别标签）
                    console.log(document.getElementById("box1").innerHTML);
                    console.log(document.getElementById("box2").innerHTML);
                    document.getElementById("box1").innerHTML = "<h1>我是innerHTML</h1>";
    
                    //innerText：获取双闭合标签里面的内容。（不识别标签）（老版本的火狐用textContent）
                    console.log(document.getElementById("box3").innerText);
                    document.getElementById("box3").innerText = "<h1>我是innerText</h1>";
    
    
    </script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，150人围观）

还没有评论，来说两句吧...

相关阅读

相关 innerHtml()、innerText()和value的区别

1.首先有一个下拉框 ![0551320975cb49e88e7d903d0498546b.png][] 2.分别获取value值、html值和text值 ![

落日映苍穹つ/ 2024年04月08日 10:01/ 0 赞/ 94 阅读

相关 JavaScript中的innerHTML，innerHTML，value属性

一，innerHTML innerHTML在javaScript中具有双向功能，一是可以从指定的元素对象中获取内容，二是可以把自定义内容插入到指定的元素对象中去。定义

绝地灬酷狼/ 2022年11月04日 08:20/ 0 赞/ 235 阅读

相关 js中的value和innerHTML和inerText

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

古城微笑少年丶/ 2022年07月13日 23:24/ 0 赞/ 151 阅读

相关 jQuery中的text()、html()和val()以及javascript中的innerText、innerHTML和value

\[jQuery][]中设置或者获取所选内容的值： text();设置或者获取所选元素的文本内容； html();设置或者获取所选元素的内容（包括html标记）； va

冷不防/ 2022年06月11日 02:43/ 0 赞/ 220 阅读

相关 JavaScript中innerText和innerHTML的区别

　　innerText返回或者设置DOM元素的文本　　innerHTML返回或者设置DOM元素的子元素　　1，返回值的区别　　 <div id="d

Bertha 。/ 2022年06月05日 06:39/ 0 赞/ 238 阅读

相关 html textarea标签的innerHTML属性和value属性的区别

居然有人说， html textarea标签的innerHTML属性和value属性是一致的，我晕，看代码： <

红太狼/ 2022年04月23日 09:34/ 0 赞/ 238 阅读

相关 html textarea标签的innerHTML属性和value属性的区别

居然有人说， html textarea标签的innerHTML属性和value属性是一致的，我晕，看代码： <

╰+攻爆jí腚メ/ 2022年04月23日 05:36/ 0 赞/ 206 阅读

相关 innerHTML和innerText

<%@ page language="java" import="java.util." pageEncoding="utf-8"%> <%@ page imp

﹏ヽ暗。殇╰゛Y/ 2022年04月17日 04:18/ 0 赞/ 232 阅读

相关 JS中document.getelementbyid().value与innerHTML的区别

> 使用document.getElementById()可以取到页面上一个有id的元素 > 然后访问这个元素的属性，比如value 当一个元素有value属性的时

「爱情、让人受尽委屈。」/ 2022年03月15日 03:28/ 0 赞/ 403 阅读

相关 JS中使用innerHTML和createElement方式动态创建元素

方式一：使用innerHTML拼接字符串方式 <!DOCTYPE html> <html lang="en"> <head>

矫情吗；*/ 2022年01月11日 11:07/ 0 赞/ 282 阅读