原生js *** 作DOM元素的一些使用

方法一：

使用DOMsetAttribute("class","类名")

方法二：

DOMclassListadd("类名")

方法一给DOM元素添加类名会覆盖原有的类名

方法二 可以给DOM元素添加一个类名后 还可以在继续给DOM元素添加新的类名 并且不会覆盖已有的类名

概念：把要添加的节点添加到指定父级里面的最后面，所以也叫追加。

使用方式：fatherdomappendChild( insertdom )。

兼容性：所有浏览器都支持此方法。

概念：把要插入的节点添加到指定父级里面的指定节点之前。

使用方式：fatherdominsertBefore( insertdom，chosendom )。

兼容性：所有浏览器都支持此方法，但是值得注意的是，如果第二个参数节点不存在，在IE和Safari下会把要添加的节点使用appendChild()方法追加到指定父级中，而其他主流浏览器（Firefox、Chrome、Opera等）下会报错，所以在插入节点的时候，需要先判断第二个参数节点是否存在

效果

注意：很多人都认为设置disabled="true"是为启用，设置为“false”时为禁用，这是错的。

例如：在做一个超链接传值时其中一个参数的值正好是本html页面中一个隐藏域的值 <asp:HiddenField ID="hidTest" Value="123456" runat="server"/><input type="hidden" id="txtTest"value="测试数据" runat="server"/><div><iframe src="demoaspxdemo=隐藏域的值"></iframe></div>当然这种方式可以通过给iframe添加一runat="server"然后在后台进行赋值等，这里不再赘述。下面接着说本文的简单 *** 作如果被获取值的控件是服务器端控件则只需要写成<iframe src="demoaspxdemo='<%=hidTestValue %>'"></iframe>如果被获取值的控件是客户端控件时要在控件后边添加runat="server"<iframe src="demoaspxdemo='<%=txtValue %>'"></iframe>这样在链接到的demoaspx页面就会获取到本页面中隐藏域的值了。 另外在实现该功能查找资料时又顺便了解了一下javascript:void(0)的功能void是javascript的一个 *** 作符,该 *** 作符指定要计算一个表达式但是不返回值,比如在一个提交按钮的onclick事件上直接写上javascript:void(documentformsubmit())就可以直接提交本页面了平时本人用的多的就是<a href="javascript:void(0)"></a>标签当然这里还可以调用js定义的函数如在js中已经定义一function test(){alert("aaa")};就可以在一onclick事件中写成这样onclick="javascript:test()"。

可以利用documentgetElementById函数，例如：

例如：

var index = 1;

var ele = documentgetElementById("xxx"+index)

while(ele != null)

{

alert(ele)

index += 1;

ele = documentgetElementById("xxx"+index);

elevalue = "ddd"; //在这里进行赋值

}

语言特点

超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（>

以上就是关于原生js *** 作DOM元素的一些使用全部的内容，包括:原生js *** 作DOM元素的一些使用、如何通过 javascript 提取控件内的数据、JS中获取由JS动态生成的HTML控件的ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！