定义和用法

innerHTML 属性用于设置或返回指定标签之间的 HTML 内容。

语法

Object.innerHTML = "HTML";// 设置

var html = Object.innerHTML;// 获取

例子 1

获取段落p的 innerHTML（html内容）

<html>

<head>

<script type="text/javascript">

function getInnerHTML(){

    alert(document.getElementById("test").innerHTML);

}

</script>

</head><body>

<p id="test"><font color="#000">嗨豆壳 www.hi-docs.com</font></p>

<input type="button" onclick="getInnerHTML()" value="点击" />

</body>

</html>

例子 2

设置段落p的 innerHTML（html内容）

<html>

<head>

<script type="text/javascript">

function setInnerHTML(){

    document.getElementById("test").innerHTML = "<strong>设置标签的html内容</strong>";

}

</script>

</head><body>

<p id="test"><font color="#000">嗨豆壳 www.hi-docs.com</font></p>

<input type="button" onclick="setInnerHTML()" value="点击" />

</body>

</html>

例子3 ：document.body.innerHTML

<htmL>

<head>

<meta content="text/html;charset=utf-8" http-equiv="content-type">

    <script type="text/javascript">

    window.onload = function(){

        var arrLi = {我的朋友:['哇哈哈','乐百氏','农夫山泉'],同学:['咖啡','果汁','果酒']};

        var n = -1

        for(var i in arrLi){

            n++;

            document.body.innerHTML += '<ul>'+i+'</ul>';

            var ul = document.getElementsByTagName('ul');

            for (var j = 0; j < arrLi[i].length; j++) {

                ul[n].innerHTML += '<li>'+arrLi[i][j]+'</li>';

            };

        }

    }

    </script>

</head>

<body>

</body>

</htmL>

JS 之 innerHTML的更多相关文章

  1. (转)JS中innerHTML，innerText，value

    原文:http://holysonll.blog.163.com/blog/static/21413909320134111054352/ JS中innerHTML,innerText,value 2 ...

  2. js中innerHTML、outerHTML与innerText的用法与区别

    ____________________________________________________________________________________________________ ...

  3. JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系？jQuery中的text()、html()和val()

    一.JS中innerHTML.outerHTML.innerText .outerText.value的区别与联系?jS中设置或者获取所选内容的值:①innerHTML :属性设置或返回该标签内的HT ...

  4. JS中innerHTML，innerText，value

    一·.JS初学者易混淆的问题:innerHTML,innerText,value(他们和JQ的区别:JS→value,JQ→value()) 1.getElementById("a" ...

  5. js中innerHTML与innerText的用法与区别

    用法: <div id="test">    <span style="color:red">test1</span> te ...

  6. js td innerHTML

    用value不好使,用innerHTML可以.JS:document.getElementById("aa").innerHTML="单元格"; body:&l ...

  7. js中innerHTML和innerText的用法

    <div id="test"> <span style="color:red">test1</span> test2 < ...

  8. JS中innerHTML 和innerText和value的区别

    (1)innerHTML 和innerText和value的区别: innerHTML innerText是对非表单元素进行操作的. value是对表单元素进行操作的. (2)innerHTML 和i ...

  9. 如何解决链入js，innerHTML中文乱码问题呢？

    描述:发生在做suhuotong网站的时候,添加在线客服代码的时候三个地方1.将js以UTF-8无BOM编码:VS修改或者使用NotePad++修改2.<meta http-equiv=&quo ...

随机推荐

  1. Android 6.0 闪光灯的使用

    Android6.0 已经抛弃了Camer 相关的API,改用新的API接口CamerManager,下面给出使用的简单实例 package com.inper.duqiang.slashlight; ...

  2. （原）vs2013静态及动态链接opencv3.0的库

    转载请注明出处: http://www.cnblogs.com/darkknightzh/p/5477551.html 静态链接步骤如下: 1. 在“通用配置”-“VC++目录”-“包含目录”中添加: ...

  3. Objective-C中的property

    property可以被声明的位置 property可以在类的interface section和class extension以及protocol中被声明 property的可见性 Objective ...

  4. sql 列设置默认值，语法查询知识点积累

    一.修改字段默认值 alter table 表名 drop constraint 约束名字   ------说明:删除表的字段的原有约束 alter table 表名 add constraint 约 ...

  5. css让图片居中显示在手机屏幕上

    直接上代码了 <div class="showpic"> <span></span> <img src="" alt= ...

  6. 关于Mysql不能被远程连接的问题

    1.修改mysql配置文件 注释掉   #bind_address:127.0.0.1 2.授权账户远程连接权限 grant all priveleges on '.' To 'myuser'@'%' ...

  7. wine下汉字方块解决

    1.修改字体 首先,下载一个字体,例如win下的新宋体 其次, mkdir /usr/share/fonts/windows mv simsun.ttc /usr/share/fonts/window ...

  8. 1005 Jugs

    辗转相减,新手入门题.两个容量的灌水题,无所谓最优解. #include<stdio.h> int main(){ int A,B,T,sA,sB; ){ sA=sB=; ){ ){ pr ...

  9. python操作redis-为元素排序

    #!/usr/bin/python #!coding:utf-8 import time import redis if __name__ == "__main__": try: ...

  10. Keil中如何消除UNCALLED SEGMENT，IGNORED FOR OVERLAY PROCESS警告

    在Keil C中,如果没有显式调用到定义过的函数,就会出现这样的的警告.当出现这样的警告时,可以不用管,因为不影响其它部分.但是,我们知道,即使没有调用这个函数,Keil仍然把它编译连接进整个程序,不 ...