定义和用法

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. java——拷贝文件夹方法

    public void copyFolder(String oldPath, String newPath) { try { (new File(newPath)).mkdirs(); //如果文件夹 ...

  2. OpenCV——无法启动此程序，丢失**解决办法

    OpenCV程序运行时,有时出现以下错误: 解决方法: 在opencv安装目录下找到这个链接库,将其复制到以下指定目录中 我的链接库目录为:E:\Program files\opencv\build\ ...

  3. 深入C语言内存区域分配(进程的各个段)详解（转）

    原文地址:http://www.jb51.net/article/39696.htm 一般情况下,一个可执行二进制程序(更确切的说,在Linux操作系统下为一个进程单元,在UC/OSII中被称为任务) ...

  4. MySQL数据库SQL层级优化

    本篇主涉及MySQL SQL Statements层面的优化. 首先,推荐一个链接为万物之始:http://dev.mysql.com/doc/refman/5.0/en/optimization.h ...

  5. Bootstrap 静态分页 和 jquery_pagination插件 动态分页

    第一种Bootstrap 实例 - 默认的分页 <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - ...

  6. mysql 性能分析套件

    #!/usr/local/python3./bin/python3. #!coding:utf- #################################### #目地:用于诊断mysql性 ...

  7. 【Xamarin挖墙脚系列：开始使用Xamari4.0系列产品开发IOS】

    一直沉默在Xamarin3.0系列版本上,升级到4.0之后,感觉有些变化.还得适应下. 1 build.host  代理消失了,成了SSH客户端登录.所以,Mac设备需要打开运行远程登录. 2 在Wi ...

  8. fragment点击跳转到外部Activity后，怎么通过返回按钮返回

    楼主的情况应该是比较简单的吧,跟三楼说的一样,只要在D跳到下一个Activity的时候,D所在的Activity不要调用finish(),然后在下一个Activity关闭的时候直接调用finish() ...

  9. python模拟Get请求保存网易歌曲的url

    python模拟Get请求保存网易歌曲的url 作者:vpoet mail:vpoet_sir@163.com 日期:大约在夏季 #coding:utf-8 import requests impor ...

  10. HDOJ-1012 u Calculate e（水）

    http://acm.hdu.edu.cn/showproblem.php?pid=1012 简单套公式 # include <stdio.h> double Factorial(doub ...