黑马程序员技术交流社区

标题: innerText innerHTML 求备注哪个兄台给备注下。 [打印本页]

作者: 胡元江 时间: 2013-2-18 08:44
标题: innerText innerHTML 求备注哪个兄台给备注下。
1.几乎所有Dom元素都有innerText innerHTML属性（大小写敏感) 分别是元素标签内内容的文本表示形式和HTML源代码

实例：动态添加
主体：
<table id="tablelinks"> </table>
<input type="button" value="加载数据"/>

头部:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
         function loadData(){
               var data={"百度":"Http://baidu.com","新浪":"http://www.sina.com","传智播客":"http://www.itcast.cn"};
   //key    值             key       值
            var tablelinks=document.getElementById("tablelinks");
                  for(var key in data){
//key的值为百度，新浪，传智播客
                     var value=data[key];
//data[key]值为baidu.com sina.com    itcast.com
                        var tr=document.createElement("tr");

                        var td=document.createElement("td");

                        td.innerText=key;

                        tr.appendChild(td);

                        var td1=document.createElement("td");

                        td1.innerHTML="<a href='"+value+"'>"+value+"</a>";

                        tr.appendChild(td1);

                        tablelinks.appendChild(tr);



                     }
            }

</script>
</head>
<body >
<table id="tablelinks"> </table>
<input type="button" value="加载数据"/>
</body>
</html>

作者: 许庭洲 时间: 2013-2-18 10:00
1.几乎所有DOM元素都有innerText,innerHTML属性;
2.innerText是元素标签内内容的文本形式;
3.innerHTML是元素标签内内容的HTML源代码;
4.innerHTML和innerHTML这两个属性是可读可写的.

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2