为什么用Dom里面用.访问不了name属性比如一个Div 设置name=“1” 用Div.name

HTML 中 id与name 区别:

一个name可以同时对应多个控件，比如checkbox和radio

而id必须是全文档中唯一的

id的用途

1） id是HTML元素的Identity，主要是在客户端脚本里用。

2） label与form控件的关联，如

<label for="MyInput">My Input</label>

<input id="MyInput" type="text">

for属性指定与label关联的元素的id，不可用name替代

3）脚本中获得对象：IE支持在脚本中直接以id（而不是name）引用该id标识的对象。

例如上面的input，要在脚本中获得输入的内容，可以直接以 MyInputvalue来获得。如果用DOM的话，则用documentgetElementById("MyInput")value；

如果要用name的话，通常先得到包含控件的form，例如documentforms[0]，然后从form再引用name，注意这样得到的是经过计算后将发送给服务器的值

name的用途

1）主要是用于获取提交表单的某表单域信息， 作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、框架元素(iframe、frame、 window的名字，用于在其他frame或window指定target )和button等，这些元素都与表单(框架元素作用于form的target)提交有关，浏览器会根据name来设定发送到服务器的request， 在表单的接收页面只接收有name的元素, 所以赋ID的元素通过表单是接收不到值的。 我们可以在服务器端根据其Name通过RequestParams取得元素提交的值。在form里面，如果不指定name，就不会发送到服务器端。

2）HTML元素Input type='radio'分组，我们知道radio button控件在同一个分组类，check *** 作是mutex的，同一时间只能选中一个radio，这个分组就是根据相同的name属性来实现的。

3）建立页面中的锚点，我们知道<a href="URL">link</a>是获得一个页面超级链接，如果不用href属性，而改用name，如：<a name="PageBottom"></a>，我们就获得了一个页面锚点，如<strong><a name="1" id="1"></a>Experience (XP)</strong>，详见 示例

4）作为对象的Identity，如Applet、Object、Embed等元素。比如在Applet对象实例中，我们将使用其name来引用该对象。

5）在IMG元素和MAP元素之间关联的时候，如果要定义IMG的热点区域，需要使用其属性usemap，使usemap="#name"(被关联的MAP元素的Name)。

6）某些特定元素的属性，如attribute，meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。

当然HTML元素的name属性在页面中也可以起那么一点ID的作用，因为在DHTML对象树中，我们可以使用documentgetElementsByName来获取一个包含页面中所有指定Name元素的对象数组。Name属性还有一个问题，当我们动态创建可包含Name属性的元素时，不能简单的使用赋值elementname = ""来添加其Name，而必须在创建Element时，使用documentcreateElement('<element name = "myName"></element>')为元素添加Name属性。这是什么意思啊？看下面的例子就明白了。

< script language ="JavaScript" >

var input = documentcreateElement('INPUT');

inputid = 'myId';

inputname = 'myName';

alert(inputouterHTML);

</ script >

消息框里显示的结果是：<INPUT id=myId>

< script language ="JavaScript" >

var input = documentcreateElement(' < INPUT name = " myName " > ');

inputid = 'myId';

alert(inputouterHTML);

</ script >

消息框里显示的结果是：<INPUT id=myId name=myName>

name与id 区别

id要符合标识的要求，比如大小写敏感，最好不要包含下划线（因为不兼容CSS）。而name基本上没有什么要求，甚至可以用数字。table、tr、td、div、p、span、h1、li等元素一般用id。与表单相关的元素也可以赋ID值, 但为这些元素赋ID值的时候引用这些元素的方法就要变一下了，具体的如下：

赋name时，引用元素的方式: documentformNameinputName 或 documentframes("frameName")

赋id时，引用元素的方式: documentallinputID 或 documentallframeID

除去与表单相关的元素，只能赋id不能赋name，这些元素有body、li、a、table、tr、td、th、p、div、span、pre、dl、dt、dd、font、b等等

需要知道这个标签是什么，然后使用名字来定位。

例如：

<input name='username' value='enozoomcom' />

来获取这个name为username的value值

$(function(){

alert($("input[name='username']")val())

})

扩展资料：

jquery中的常见小技巧：

1、DOM遍历是昂贵的，将变量缓存起来。

代码：

var $ele = $('#ele');

var h =

$eleheight();

$elecss('height',h-20);

2、优化选择符。

代码：

$('#myid')

3、避免隐式通用选择符。

代码：

$('someclass input:radio')

4、避免通用选择符。

代码：

$('container')children()

5、尽可能保持代码简洁。

代码：

if(arrlength){}

6、尽可能地合并函数。

代码：

$fon("click", function(){

$(this)css({

'border':'1px solid

red',

'color': 'blue'

});

});

常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children()

方法返回匹配元素集合中每个元素的子元素，find()方法获得当前元素集合中每个元素的后代，通过选择器、jQuery

对象或元素来筛选。

dom访问元素节点的方法：1 getElementById(): 通过元素id访问元素；2 getElementsByTagName(): 通过标签名访问元素；3 getElementsByClassName(): 通过class名访问元素；4 querySelector(): 通过css选择器访问元素；5 querySelectorAll(): 通过css选择器访问元素，获取到的是一个NodeList；6 getAttribute(): 获取元素的属性；7 setAttribute(): 设置元素的属性；8 removeAttribute(): 删除元素的属性；9 hasAttribute(): 检查元素是否具有某个属性；10 createElement(): 创建元素；11 appendChild(): 向元素节点添加子节点；12 removeChild(): 从元素节点移除子节点；13 replaceChild(): 用新节点替换旧节点；14 insertBefore(): 在指定子节点前插入新节点；15 cloneNode(): 复制元素节点；16 parentNode(): 获取元素的父节点；17 nextSibling(): 获取下一个兄弟节点；18 previousSibling(): 获取上一个兄弟节点；19 firstChild(): 获取第一个子节点；20 lastChild(): 获取最后一个子节点。

拓展：HTML标签的换行可以使用

标签，这个标签是用来换行的，在HTML中使用

即可实现换行效果。

最近碰到一个Angular中无法获取DOM进行实例化的问题：记录一下

项目使用 Project Clarity 框架，父组件中包含子组件，父组件中用d框控制子组件的显示和隐藏，当d框显示时，ng读到父组件中的子组件，然后进行加载渲染，但是TS的执行在DOM渲染完成之后，因为我试图在ngAfterViewInit中获取DOM元素，用getElementById取到的值居然是null，而getElementsByClassName获取到对象，但是用数组方式访问时却不识别，百思不得其解

通过Debug我发现，当子组件TS执行时，父组件页面中的DOM并未加载出来，我使用定时器延迟之后就可以了，刚开始我以为是ngIf 的问题导致了这个执行顺序错误，

为了解决这个问题，我另外写了个demo，父组件控制子组件的显示，但是demo中并未出现项目中的问题，我可以在ngAfterViewInit中获取到子组件的DOM，因此我判断是 Project Clarity 框架的原因，他的d框使得DOM的加载慢了一点

但是使用ElementRef可以获取到在框架中获取不到的DOM，但是因为项目逻辑问题，这个方法并不能解决我的问题

问题找到了，但是没有解决，很郁闷！

以上就是关于为什么用Dom里面用.访问不了name属性比如一个Div 设置name=“1” 用Div.name全部的内容，包括:为什么用Dom里面用.访问不了name属性比如一个Div 设置name=“1” 用Div.name、jquery中怎么根据name属性定位一个元素、jquery中如何获取当前DOM对象里的子元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！