首页 > 其他 > 详细

05-6-获取标签内容

时间:2019-09-06 19:34:06      阅读:101      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="wrap"><b>yang</b> tian xuan</div>

<input type="text" id="inp">
<button id="btn">按钮</button>
<script>
    /*
    * innerHTML
    *获取时可以显示标签名字 添加时可以加入标签并显示效果
    * innerText 火狐低版本只能用.textContent
    *获取时不能显示标签名字 添加时加入标签没有效果
    * value
    * 在使用input时用的是value  内容存在value中
    */
    let oWrap = document.getElementById(‘wrap‘);

    console.log(oWrap.innerText); //>>yang tian xuan

    console.log(oWrap.innerHTML); //>><b>yang</b> tian xuan

    //text不能解析语句中的标签
    // oWrap.innerText = ‘<b>xuan</b>好看‘;

    //html可以解析语句中的标签
    //oWrap.innerHTML = ‘<b>xuan</b>好看‘;

    let oBtn = document.getElementById(‘btn‘);
    let oInp = document.getElementById(‘inp‘);

    oBtn.onclick = function () {
        alert(oInp.value);
    };
</script>
</body>
</html>

 

05-6-获取标签内容

原文:https://www.cnblogs.com/zhangyu666/p/11477735.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!