修改网站内容( 2019-10-09网页使用实例、应用技巧、基本知识点)

　　修改网站内容(

2019-10-09网页使用实例、应用技巧、基本知识点)

　　js获取id的内容并修改原创内容（innerHTML）

　　时间：2019-10-09

　　本期文章将介绍js获取id内容及修改原创内容（innerHTML），主要包括使用js获取id内容及修改原创内容（innerHTML）、应用实例、应用技巧，总结基础知识点和需求注意事项，有一定的参考价值，需要的朋友可以参考。

　　js获取id的内容（getElementById）并修改原创内容（innerHTML）

　　1.通过ID获取元素

　　学完HTML/CSS样式大家都知道网页是用标签组织的，标签的id属性值是唯一的，就像每个人都有一个ID号一样，只要通过*敏*感*词*号码人。然后在网页中，我们先通过id找到tag，然后进行操作。

　　语法：

　　 document.getElementById(“id”)

　　看看下面的代码：

　　结果：null 或 [object HTMLParagraphElement]

　　注意：获取的元素是一个对象。如果我们想对元素进行操作，我们需要传递它的属性或方法。

　　例子：

document.getElementById

<p id="con">JavaScript

var mychar= document.getElementById('con') ;

document.write("结果:"+mychar); //输出获取的P标签。

</p>

　　影响：

　　2.innerHTML 属性

　　innerHTML 属性用于获取或替换 HTML 元素的内容。

　　语法：

　　Object.innerHTML

　　注意：

　　1.Object为获取到的元素对象，如通过document.getElementById("ID")获取的元素。

　　2.注意写法，innerHTML 区分大小写。

　　我们通过 id="con" 得到它

　　元素，并输出元素的内容并改变元素的内容，代码如下：

　　结果：

　　例子：

innerHTML

javascript

<p> JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。

var mychar= document.getElementById('con') ;

document.write("原标题:"+mychar.innerHTML+"

"); //输出原h2标签内容

mychar.innerHTML = 'Hello world!';

document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容

</p>

　　结果：