1首先打开hbuilder软件新建一个html文件，在html页面上创建一个点击的button按钮2然后为button添加点击时创建一个新的div事件使用“documentcreateElement”创建一个新的div，接着使用innerHTML对新建的div设置内容，最后把div放到body显示3在html里为button按钮添加宇哥点击创建div的事件，完成；需要准备的材料分别有电脑html编辑器浏览器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltscript标签，输入js代码#39body#39append#39ltdiv id=quotaquot style=quotcolorbluequotdiv内容ltdiv#393浏览器运行indexhtml页面，此时div以及它的id属性和颜色属性。

用JS获取Html标签属性有两种方法如lta id=quotlinkquot href=quot title=quot测试quotblogname=quot前端开发quotWeb开发lta JS代码var ka=documentgetElementByI dquotlinkquotalertkagetAttributequotidquotalertkaid两种方法都能弹出a标签的ID属性，但从各浏览器兼容上来说用kaid的；使用JS的documentgetElementByIdquotIDquotinnerHTML获取标签内容修改的只需在后面加上quot=quot即可实例演示如下一HTML的DOM设计1设计两个DIV，其中第一个div放入入一些文字2设计css样式如下，为了区分明显，加了border3此时的页面展示如下二函数功能的设计和绑定1设计函数，实现。

用到js修改html的class属性值，归纳总结下一获取class属性值var value = $ div attr class 这里获取class属性值var array=valspli；用CCS，导入外部样式表 新建目录css，目录中新建外部stylecss文件ltstyle type=quottextcssquot imgwidthquot200pxquot pfontsize20px ltstyle 在导入stylecssltstyle type=quottextcssquot import urlquotcssstylecssquotltstyle。

var imgs = documentgetElementsByTagName#39img#39for var i = 0 i lt imgslength i++ var img = imgsi if ！imggetAttribute#39src#39 = #39#39；1首先，打开html编辑器，新建html文件，例如indexhtml，填充问题基础代码2在indexhtml中的ltscript标签，输入js代码$#39#txt#39val#39添加值#39$#39#txt#39attr#39data#39，#39test#393浏览器运行indexhtml页面，此时input元素成功被添加了值和属性。

1新建一个html文件，命名为testhtml2在testhtml文件内，创建一个div模块，并设置其id属性为mydiv，用于下面使用js获得标签对象3在testhtml文件内，在div标签内，填写一段文字，并加入一个span标签4在testhtml文件内，创建一个button按钮，按钮名称为“获取html”5给button绑定on。

html的script标签设置

第一步，创建静态页面vtexthtml，修改title显示的内容并引入vuejs，第二步，在body标签元素内插入两个span元素，在第一个span绑定vtext指令，第二个span中插入message，第三步，编写JS代码，绑定数据源message，第四步，预览静态页面vtexthtml，发现message还是一样，未变成赋的值，第。

第一种lt outprintlnquotlttablelttrlttdlttdlttrlttablequot 第二种由于content中的内容是以HTML形式存储的，所以在页面显示的时候，会将一些HTML标签原封不动的显示出来查看页面的源代码，发现这些标签已经被解析成了转义符为了解决这个问题，在ltcout标签中有一个escapeXml属性，其。

* * 取得对应类和标签的HTML元素 * clsName给定类名 * tagName给定的HTML元素，如果为任意 tagName=#39*#39 * * function getElementsByClassNameclsName， tagName var ClassElements = selElements = documentgetElementsByTagNametagName for var i = 0 i lt sel。

首先，把CSS和JS标签style属性对照表了解了 CSS 和 JavaScript 标签 style 属性对照表 盒子标签和属性对照 颜色和背景标签和属性对照 样式标签和属性对照 文字样式标签和属性对照 文本标签和属性对照 CSS语法不区分大小写JavaScript语法区分大小写 border border borderbottom borderBottom border。

DOM节点的nodeType属性表示该节点的类型，不同类型对应不同的数字HTML标签在DOM树中被表示为1，因此可以判断HTML标签类型3使用instanceof关键字判断是否为HTMLElement对象HTMLElement是JavaScript中表示HTML元素的一个接口，可以使用instanceof判断该元素是否为HTMLElement对象需要注意的是，以上方法获取到。

首先，把CSS和JS标签style属性对照表了解了CSS 和 JavaScript 标签 style 属性对照表盒子标签和属性对照 CSS语法不区分大小写 JavaScript语法区分大小写border border borderbottom borderBottom borderbottomcolor borderBottomColor borderbottomstyle borderBottomStyle border。