怎么用JS修改页面中指定的元素内容

JavaScript021

怎么用JS修改页面中指定的元素内容,第1张

js可以通过文本所在标签的id获取该标签对象,然后修改其内容,如:

document.getElementById('标签id').innerHTML = '要修改的文本内容'

该方法可以在要修改的文本内容中加html标签,如果只是纯文本的话, 可以使用innerText,

document.getElementById('标签id').innerText= '要修改的文本内容'

用js如何修改div的内容的具体操作步骤如下:

1、首先在电脑的桌面上点击打开“html”应用程序,接着在此“html”应用程序中点击进行打开要进行操作的html文件。

2、打开此应用程序之后,接着在此文件的页面内点击进行创建“button按钮”,接着手动给此按钮设置一个id,在此将按钮的id设置为“show”,接着再在其中进行输入“<input type="button" id="show" value="显示隐藏div" />”。

3、接着再在此应用程序中进行创建一个隐藏的div,然后再将需要进行修改的内容写到或者复制粘贴到此文件上,接着再为其设置id,在此设置为“hide”,然后再进行输入“<div id="hide">我是隐藏的div</div>”。

4、然后接着在此页面内的<title>标签后面为id为hide设置其样式为“display:none”然后再输入“<style>#hide{display: nonepadding-top: 15px}</style>”,然后就修改完成了。