js怎么给标签添加内容

JavaScript09

js怎么给标签添加内容,第1张

打开hbuilder软件新建一个html文件，在html页面上创建一个点击的button按钮。然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div，接着使用innerHTML对新建的div设置内容，最后把div放到body显示。在html里为button按钮添加宇哥点击创建div的事件，完成之后代码就写好了，接下来需要看看效果。保存好html文件后使用浏览器打开，此时还没有创建div。最后点击button按钮，会执行脚本创建div的事件，新的div就创建好了，顺利实现了给标签添加了内容。

用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>”，然后就修改完成了。

我的需求是需要基于页面中的h1元素中包含的文本来更改页面的标题标签。

我一直在搜索，并且找到了Javascript函数“ document.title”。我一直在尝试，尝试从具有“ Category-H1”类的h1元素中提取文本。

但是，它只是将页面标题设置为“ [object HTMLCollection]”，据我所知这是一个空值。

正确来说[object HTMLCollection]不是空值-它是html元素集合的字符串表示形式，可以从中获取需要的值。