zoukankan      html  css  js  c++  java
  • innerHTML\innerText\outerHTML\outerText

     innerHtml用法

    <html>
    <head>
    <script>
    function Test(){
            var str="";
            str+="Hello,";
            str+="This is a Test!<br />";
            str+="I Love you;<br />";
            str+="I Love you,too!";
            p.innerHTML=str+"<br /><br />"+Math.random();
            setTimeout('Test();',1000);
    }
    </script>
    </head>
    <body onload=Test();>
    <span id="p"></span>
    </doby>
    </html>

          innerHTML指div包含的所有html内容,innerText指div包含的再页面显示的文本内容,outerHTML比innerHTML多包好div标记内容,outerText与innerText包含内容没什么区别
    innerTEXT与innerHTML的区别:

     

    小心使用innerHTML

    最近在做AJAX,想用javascript实现DataList功能,遇到一个棘手的问题,由于要生成的HTML很长,所以我写成如下的形式:

    list.innerHTML="<table><tr>";

    list.innerHTML+="<td>"

    ......

    但是这样生成的innerHTML始终不对,研究了半天,原来是innerHTML搞得鬼.innerHTML自带了语法检查功能,他会自动把不完整的HTML代码补充完整.运行如下的一个测试代码就可以发现了.

    document.getElementById("AlbumList").innerHTML="<table><tr>";
    alert(document.getElementById("AlbumList").innerHTML);

    他会自动把我的代码里面添加了<tbody>和</tr></table>等标记.神奇!!!

    那么不让他自动填写的一个办法就是用一个中间变量:

    var html="<table><tr>";

    html+="<td>";

    ......

    list.innerHTML=html;

    就这样就可以解决问题了.

  • 相关阅读:
    Java_基础_内存管理
    Reflux中文教程——action
    Reflux中文教程——概览
    包含块、层叠上下文、BFC
    DOM编程的性能问题
    JavaScript数据存取的性能问题
    闭包
    JavaScript中的继承
    JavaScript中的静态成员
    JavaScript中的私有属性
  • 原文地址:https://www.cnblogs.com/fhuafeng/p/1786044.html
Copyright © 2011-2022 走看看