document.getElementById(“id名字”).value与$(属性名称).val()之间的区别

最新推荐文章于 2024-10-24 12:35:35 发布
原创 最新推荐文章于 2024-10-24 12:35:35 发布 · 3k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript #asp.net

本文探讨了在JavaScript中直接使用document.getElementById获取元素时，若值为空可能导致的错误，以及jQuery如何更优雅地处理这种情况。document.getElementById返回的是DOM对象，而jQuery的选择器返回的是jQuery对象，后者提供了更友好的链式操作。了解如何在两者之间进行转换，对于优化前端代码和提升用户体验至关重要。

首先使用document.getElementById(“id名字”).value的值时如果为空，JS会报错，导致页面死掉不动了。控制台报错。

  如果使用$(属性名称).val()，则没有影响，会友好的执行其他下年的操作

 

区别

document.getElementById("id") 得到 的是 [object HTMLDivElement] 一个DOM对象；

$("#id")  得到 的是 [object Object] 一个Jquery 对象。

转换

$( document.getElementById("id") ) 就可以由一个DOM对象变为一个Jquery 对象了；

$("#id")[0] 或是 $("#id").get(0) 就可以由一个jquery 对象变为一个DOM对象了。

Document获取元素并修改内容：getElementById()方法、value属性、innerHTML属性、innerText属性
pan_junbiao的博客
09-25 5373
Document 对象，当 HTML 文档加载到 Web 浏览器中时，它就变成了一个文档对象。文档对象是 HTML 文档的根节点。文档对象是窗口对象的属性。innerHTML 属性声明了元素含有的 HTML 文本，不包括元素本身的开始标记和结束标记。通过该属性可以为指定的 HTML 文本替换元素内容。innerText 属性与innerHTML 属性的功能类似，只是该属性只能声明元素包含的文本内容，即使指定的是 HTML 文本，它也会认为是普通文本而原样输出。
document.getElementById的简写方式(获取id对象的简略写法)
12-04
比如用_$(id)代替document.getElementById(id). 如果是纯粹的代替可以使用下面的代码 代码如下: function $(id){document.getElementById(id)} 个人比较推荐用prototype中对document.getElementById的定义: 代码如下: function $() { var elements = new Array(); for (var i = 0; i < arguments.length; i++) { var element = arguments[i]; if (typeof element ==
document.getElementById()方法使用
热门推荐
酣睡的熊㊣的技术博客
02-07 36万+
document.getElementById使用 语法：oElement = document .getElementById ( sID ) 参数：sID――必选项。字符串 (String) 。 返回值：oElemen――对象 (Element) 。 说明：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一
document.getelementbyid().value与document.getElementById().innerHTML的区别
zhaoguxiaoshi的博客
08-18 2万+
document.getelementbyid().value与document.getElementById().innerHTML什么区别   使用document.getElementById()可以取到页面上一个有id的元素 然后访问这个元素的属性，比如value 当一个元素有value属性的时候，其value才会有值 例1 这样一个元素，当你使用document.ge
document.getElementById(‘username‘).value 是什么
一季南凉的博客
03-25 1786
js
document.getelementbyid().value与innerHTML使用场景对比，别再搞错了兄嘚
Rosen's
08-09 1万+
首先getElementById()可以获取到页面上一个有id的元素，进而可以访问该元素的对应属性值，比如说value。 <input type="text" id="txt" value="hello html"/> 比如html页面中有上面这个id为txt的input元素 //获取该元素对象 var txt = document.getElementById('txt'); //...
//滑动条与文本框同步数据 function chan(val,el){ document.getElementById(el).value=val; if(val<el.min && val>el.max){ } }怎么完善当文本框的输入值超过滑动的范围
10-20
document.getElementById(el).value = val; // 检查输入值是否超出范围 if (val < el.min) { document.getElementById(el).value = el.min; // 将值设回最小 console.log("滑动条值已调整为最小值"); } else ...
$.document.getElementById
08-23
- *2* *3* [document.getElementById(“id名字”).value与$(属性名称).val()之间的区别](https://blog.csdn.net/wqr111/article/details/121980006)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630...
document.getElementById("projectDecisionPlace").addEventListener("change", function () { const provinceId = this.value; // 清空旧数据 if (!provinceId) { clearOrgFields(); return; } // 发起 AJAX 请求 fetch(`/api/department/by-province?provinceId=${provinceId}`) .then(response => response.json()) .then(data => { if (data && data.orgId && data.orgName) { document.getElementById("orgId").value = data.orgId; document.getElementById("orgName").value = data.orgName; document.getElementById("topSaleOrgId").value = data.topOrgId; document.getElementById("topSaleOrgName").value = data.topOrgName; } else { clearOrgFields(); } }) .catch(error => { console.error("请求失败:", error); clearOrgFields(); }); }); function clearOrgFields() { document.getElementById("orgId").value = ""; document.getElementById("orgName").value = ""; document.getElementById("topSaleOrgId").value = ""; document.getElementById("topSaleOrgName").value = ""; }根据后面代码的格式重新生成$("#selectStoreMember").click(function(){ $("#selectStoreMember").bindQueryBtn({ type:'selectStoreMember', title:'${message("查询用户")}', bindClick:false, url:'/crm/v2/storeMember/select_member.jhtml', callback:function(rows){ if(rows.length>0){ var row = rows[0]; $(".storeMemberName").val(row.name); $(".storeMemberId").val(row.id); $(".orgName").val(row.default_sale_org_name); $(".orgId").val(row.org_id); ajaxSubmit('', { method: 'post', url: '/crm/v2/storeMember/getOrgInfo.jhtml', data: {"id": row.id}, callback: function (data) { var obj = data.objx; $(".topSaleOrgName").val(obj.topSaleOrgName); $(".topSaleOrgId").val(obj.topSaleOrgId); } }); } } }); });
最新发布
09-17
document.querySelector(".storeMemberId").value = row.id; document.querySelector(".orgName").value = row.default_sale_org_name; document.querySelector(".orgId").value = row.org_id; // 发起第二个...
document.getElementById也报错
07-12
问题根源：document.getElementById使用的ID与服务器控件生成的客户端ID不匹配。 解决方案：使用服务器端标签输出正确的客户端ID，并通过全局变量传递给JavaScript函数。 同时，我们优化了AjaxPro的调用方式，...
document.getElementById()后面有没有.value有什么区别
tjmengqw的博客
08-13 2438
document.getElementById() 是获得元素； document.getElementById().value 是获得元素的值，假如这个元素事个type为text的input，它就会获得这个input点value值；
获得输入框的文本document.getElementById('id').value;
shy_snow的专栏
05-07 1万+
JS中document.getelementbyid().value与innerHTML的区别
大橙子_Change的博客
02-28 1万+
使用document.getElementById()可以取到页面上一个有id的元素 然后访问这个元素的属性，比如value 当一个元素有value属性的时候，其value才会有值 &lt;input type="text" id="txt1" value="hello"/&gt; 这样一个元素，当你使用document.getElementById(“txt1”).value时，可以...
getElementById（“”）.value报错
qq_74252110的博客
10-24 382
首先我知道getelementbyid在找不到相应的id属性元素时会返回null。并且null.property会报以上的错误，将代码。或者将<script>放到<body>中也可以。在复习web时，写了这个代码。插入函数中就不会报错，像。
JavaScript中document.getElementById().value与innerHTML的区别
Elsa~的博客
02-26 7003
首先我们来认识一下HTML DOM Document对象 每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面的所有元素进行访问。 而Document对象是Window对象的一部分，可以通过window.document属性对其进行访问。 而getElementById()是Document对象的方法，该方法返回对拥有指定id的第一个...
关于document.getElementById("id").value找不到值
prejudice_zhu的博客
01-13 3082
要是使用框架，它会先找到框架的name 然后在再ID，所以最好name和id不同
js中document.getElementById("id").value+1问题
huazicomeon的博客
07-16 7047
document.getElementById("id").value的数据类型是不确定的 如果你是要相加用这样的写法比较好 document.getElementById("id").value=document.getElementById("id").value*1+1; 字符串拼接的话用这个 document.getElementById("id").value=document.
ajax调用时，document.getElementById获取不到值
chaplinlong的博客
07-29 3040
今天写ajax的一个小例子的时候，document.getElementById居然获取不到值，后来找到了，对自己很是无语。 先看jsp页面<body> <script type="text/javascript"> var req = null; function test() { var name = document.all.na
js中document.getElementById()用法
lyhmyway的专栏
03-03 6万+
dom标准里面的  获取当前文档中指定id的元素 if (document.getElementById("regjm").value != document.getElementById("regjm1").value ) {    alert("提示：请输入有效的认证码");    document.getElementById("regjm1").focus();    retur
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值