JavaScript Element innerHTML 属性

• 

  JavaScript Element innerHTML 属性

  innerHTML 属性设置或返回元素的HTML内容（内部HTML）。

  实例：

  使用id=“demo”更改<p>元素的HTML内容：

  document.getElementById("demo").innerHTML = "Paragraph changed!";
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  innerHTML	支持	支持	支持	支持	支持

• 

  语法

  返回innerHTML属性：

  HTMLElementObject.innerHTML

  设置innerHTML 属性：

  HTMLElementObject.innerHTML = text
• 

  属性值

  参数	类型	描述
  text	String	指定元素的HTML内容

• 

  技术细节

  项目	描述
  返回值：	一个字符串，表示元素的HTML内容
  DOM版本	Core Level 1

• 

  更多例子

  获取id=“myP”的<p>元素的HTML内容：

  var x = document.getElementById("myP").innerHTML;
  

  尝试一下

  获取id=“myList”的<ul>元素的HTML内容：

  var x = document.getElementById("myList").innerHTML;
  

  尝试一下

  更改两个元素的HTML内容：

  document.getElementById("myP").innerHTML = "Hello Dolly.";
  document.getElementById("myDIV").innerHTML = "How are you?";
  

  尝试一下

  使用id=“demo”提醒<p>元素的HTML内容：

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

  尝试一下

  使用id=“demo”删除<p>元素的HTML内容：

  document.getElementById("demo").innerHTML = "";  // 用空字符串替换<p>的内容
  

  尝试一下

  更改链接的HTML内容，URL和目标：

  document.getElementById("myAnchor").innerHTML = "jc2182";
  document.getElementById("myAnchor").href = "https://www.jc2182.com";
  document.getElementById("myAnchor").target = "_blank";
  

  尝试一下