zoukankan      html  css  js  c++  java
  • val();html();.text()区别

    对于innerHTML 属性,几乎所有的元素都有innerHTML属性,它是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML。(获取HTML当前标签的起始和结束里面的内容)

    对于innerText属性: 从起始位置到终止位置的内容, 但它去除Html标签 (只在IE里面有)

    注意:innerHTML 属性只在js里面有,在Jquery里面是没有的,如果要使用则用$("#t").html("sdsds"); or  $("#t")[0].innerHTML="sdsds";

    innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText

    <html>
    <head>
    <script type="text/javascript">
    function getInnerHTML() {
    alert(document.getElementById("tr1").innerHTML);
    alert(document.getElementById("tr1").innerText);
    }
    </script>
    </head>
    <body>
    <table border="1">
    <tr id="tr1"><td>Firstname</td><td>Lastname</td></tr>
    </table>
    <br />
    <input type="button" onclick="getInnerHTML()" value="Alert innerHTML of table row" />
    </body>
    </html>
    运行结果:
    <td>Firstname</td><td>Lastname</td>
     
    Firstname Lastname
     
    2

    jQuery封装的方法html,text,val

    .html()用为读取和修改元素的HTML标签
    .text()用来读取或修改元素的纯文本内容
    .val()用来读取或修改表单元素的value值。

    <html>
    <head>
    <script src="/jquery/jquery-1.11.1.min.js"></script>
    <script>
    $(document).ready(function(){
    $("#btn1").click(function(){
    alert( $("#test").text());      结果:这是段落中的粗体文本
    });
    $("#btn2").click(function(){
    alert( $("#test").html());    结果:这是段落中的<b>粗体</b>文本
    });
    });
    </script>
    </head>

    <body>
    <p id="test">这是段落中的<b>粗体</b>文本。</p>
    <button id="btn1">显示文本</button>
    <button id="btn2">显示 HTML</button>
    </body>

    </html>

  • 相关阅读:
    cocos2d-x项目101次相遇:在HelloWorld上--建立新场景
    MySQL优化之——日志
    Zoj2421 广搜
    GG链路过多port不足导致的报错OGG-01223
    java的InputStream和OutputStream的理解【转】
    JAVA编程规则
    JAVA的String 类
    JAVA的StringBuffer类
    android自带的处理Bitmap out Memory 的处理,我仅仅是改变了些写法成为自己用的东西
    NS3网络仿真(2):first.py
  • 原文地址:https://www.cnblogs.com/DSC1991/p/8668071.html
Copyright © 2011-2022 走看看