id.value和document.getElementById("id").value有什么区别

一、过程不同

1、idvalue：直接获取id的值。

2、documentgetElementById("id")value：先获取id对象，之后获取id对象的值。

二、结果不同

1、idvalue：得到 的是[object Object]值。

2、documentgetElementById("id")value：得到的是[object HTMLDivElement]一个DOM对象。

三、使用条件不同

1、idvalue：Id在Form表单里面的话，直接Idvalue就不能用了，而是要用FormIdvalue来取值或设置值

2、documentgetElementById("id")value：在不在Form表单里都可以使用。

参考资料来源：百度百科-getElementById

参考资料来源：百度百科-value

问题： HTML对象的ID, 在mounted中用ID获取对象却获取不到对象

原因： 与vue的渲染顺序有关，在mounted执行时，dom其实并没有渲染完成，所以，在mounted中用动态的ID获取对象是获取不到的。

解决： 用vue提供的$nextTick

1、getElementById

作用：一般页面里ID是唯一的，用于准备定为一个元素

语法： documentgetElementById(id)

参数：id :必选项为字符串(String)

返回值：对象; 返回相同id对象中的第一个，按在页面中出现的次序,如果无符合条件的对象，则返回 null

example：

documentgetElementById("id1")value;

2、getElementsByName

作用：按元素的名称查找，返回一个同名元素的数组

语法： documentgetElementsByName(name)

参数：name :必选项为字符串(String)

返回值：数组对象; 如果无符合条件的对象，则返回空数组，按在页面中出现的次序

example：

documentgetElementsByName("name1")[0]value;

documentgetElementsByName("name1")[1]value;

3、getElementsByTagName

作用：按HTML标签名查询，返回一个相同标签元素的数组

语法： objectgetElementsByTagName(tagname) object可以是document或eventsrcElementparentElement等

参数：tagname:必选项为字符串(String)，根据HTML标签检索。

返回值：数组对象; 如果无符合条件的对象，则返回空数组，按在页面中出现的次序

example：

documentgetElementsByTagName("p")[0]childNodes[0]nodeValue;

documentgetElementsByTagName("p")[1]childNodes[0]nodeValue

以上就是关于id.value和document.getElementById("id").value有什么区别全部的内容，包括:id.value和document.getElementById("id").value有什么区别、【实战中的问题】VUE中，HTML对象的ID，在mounted中根据ID无法获取到对象、求教 document.getElementById 的用法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！