JavaScript中访问节点对象的方法有哪些如何使用

JavaScript中访问节点对象的方法有哪些？


代码如下:

var obj = document.getElementById('fdafda');

var obj = document.f1;
obj.method="post";
obj.action='Bb';

var obj = document.f1.userName;

var obj = document.forms[0].userName;

var obj = document.forms[0].elements[0];

var obj = document.f1.elements[0];
var obj = document.forms["f1"].elements["userName"];
var obj = document.forms[0].like;
for(var i=0;i<obj.length;i++)
{
var aa = obj[i];
if(aa.checked)
{
alert();
}
}

<form name="f1" action="AA">
<input type="text" name="userName" id="userName"/>
<input type="checkbox" name="like" value="sport"/>
<input type="checkbox" name="like" value="art"/>
<input type="checkbox" name="like" value="music"/>
</form>
<form name="f1" action="AA">
<input type="text" name="userName" id="userName"/>
<input type="checkbox" name="like" value="sport"/>
<input type="checkbox" name="like" value="art"/>
<input type="checkbox" name="like" value="music"/>
</form>
<form name="f1" action="AA">
<input type="text" name="userName" id="userName"/>
<input type="checkbox" name="like" value="sport"/>
<input type="checkbox" name="like" value="art"/>
<input type="checkbox" name="like" value="music"/>
</form>

赞 (0)

相关推荐

  • javascript 动态创建表格

    复制代码 代码如下: <html>         <head>             <script>                 function createTable(rows,lines){                     this.rows=rows;                     this.lines=lines;                     var Body=document.getElementById('body'

  • 详解Javascript动态操作CSS

    一.使用js操作css属性的写法 1.对于没有中划线的css属性一般直接使用style.属性名即可. 如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position 2.对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可. 如:obj.style.marginTop,obj.style.borderLeftWidth,obj.style.zIndex,obj.style.fontFamil

  • javascript动态修改Li节点值的方法

    本文实例讲述了javascript动态修改Li节点值的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html>  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 

  • javascript获取dom的下一个节点方法

    javascript获取dom的下一个节点方法

    利用javascript 写一个在页面点击加减按钮实现数字的累加. 简略的html大概如此.看得懂就好不要在意这些细节啊 <input type="button" value="+" onclick="jia(this)" /> <label class="num">0</label> <input type="button" value="-"

  • javascript动态创建及删除元素的方法

    本文实例讲述了javascript动态创建及删除元素的方法.分享给大家供大家参考.具体分析如下: 在DOM中我们可以方便快速的动态删除与删除dom元素,这里我们就来给各位朋友简单的介绍一下. 例1: 动态创建一个按钮 复制代码 代码如下: <html> <head> <title>动态创建按钮</title> <script language="javascript"> var a,b,ab,ba,c; function cr

  • javascript 拷贝节点cloneNode()使用介绍

    cloneNode(a)方法接受一个布尔值参数,表示是否深拷贝 true:表示执行深拷贝,复制本节点以及整个子节点树. false:浅拷贝.只复制节点本身. 复制后返回的节点副本属于文档所有,但是并没有父节点.除非使用appendChild,insertChild(),replaceChild()将它添加到文档 复制代码 代码如下: <div id="guoDiv"> <span>1</span> <span>2</span>

  • javascript 获取HTML DOM父、子、临近节点

    在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式.内容等.如何获取要更新的元素,是首先要解决的问题.令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过): 1. 通过顶层document节点获取: (1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法.如果页面上含有多个相同i

  • javascript实现节点（div）名称编辑

    节点html代码如下: 复制代码 代码如下: <div class="img_1" id="img_1" >      <input type="image" class="img_1" src="img/cump.png"></input>      <div class="noteText" id="noteTxt" ty

  • 用javascript读取xml文件读取节点数据

    下面代码是读取的节点数据,还有一种情况是读取节点属性数据. <head> <title></title> <script type="text/javascript"> var objLength = null; var xmlHttp; var strurl = ""; function ajaxrequst() { if (window.ActiveXObject) { xmlHttp = new ActiveXO

  • javascript使用appendChild追加节点实例

    本文实例讲述了javascript使用appendChild追加节点的方法.分享给大家供大家参考.具体分析如下: DOM树节点的增加,实例代码如下: 复制代码 代码如下: <html> <head> <script type="text/javascript"> function t(){  var nodep = document.createElement('p');//创建p节点  var art = document.createTextNo

  • javascript删除一个html元素节点的方法

    本文实例讲述了利用原生javascript实现删除一个指定的html元素的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>我们

随机推荐