`
wangleide414
  • 浏览: 606541 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

document.getElementById 注意事项

 
阅读更多
var tel=document.getElementById("tel").value;

 document.getElementById 的方法大家都很熟悉。但是在使用过程中经常有问题,注意需要在后边加入.value来获取该ID的具体值,进行操作

 

var total=document.getElementById("total");
			alert(total.outerText);
<span id="total">test</span>
 注意 span中的访问方式不是Value 而是 outerText

 

分享到:
评论

相关推荐

    TypeError document.getElementById(…) is null错误原因

    ### 注意事项 - 避免在HTML文档未完全加载前使用`document.getElementById`或其他DOM操作。 - 检查HTML中的ID是否拼写正确,大小写敏感,与JavaScript中引用的ID一致。 - 如果使用框架或库(如jQuery),理解其执行...

    JS中关于document.all的详解

    #### 四、注意事项 1. **兼容性问题**:`document.all` 主要在早期版本的IE浏览器中支持,对于现代浏览器来说,推荐使用标准的方法如 `getElementById`、`querySelector` 等。 2. **性能考虑**:虽然 `document.all`...

    纯javascript代码编写计算器程序.pdf

    5. 特别注意事项 文档中的部分代码可能由于OCR识别问题而存在一些小错误,如变量声明和函数定义部分出现的空格和一些符号不准确等。不过,从代码逻辑上可以推断出正确的代码应该如下所示: ```javascript function ...

    JS实现的年月日三级联动下拉框日期选择效果源码.zip

    在JavaScript编程中,实现年月日三级联动下拉框日期选择效果是一项常见的需求...此外,压缩包中的`使用须知.txt`文件可能包含了关于如何在项目中正确使用此源码的指导和注意事项,建议参考该文件以确保顺利集成和运行。

    Document和Document.all区别分析

    3. **引用元素的注意事项**: - 如果HTML元素是`form`的子元素,比如`input`,应使用`formName.inputName`来引用,而不是直接用`inputName`或`document.inputName`。 - 没有`name`属性的元素无法通过`Document.all...

    JS的document.all函数使用示例

    四、使用`document.all`的注意事项 1. **重复ID问题**:理论上,每个HTML文档中的ID应该是唯一的,但若存在重复的ID,`document.all`访问时可能会出现问题,例如,`document.all["aaa"].value`可能无法正确获取值,...

    document.createElement()用法及注意事项(ff下不兼容)

    `document`对象提供的其他方法,如`getElementById(id)`用于获取具有特定ID的元素,`getElementsByTagName(name)`用于获取所有指定标签名的元素,`createTextNode(text)`则用于创建文本节点。这些方法在DOM操作中...

    浏览器兼容页面开发注意事项(javascript篇)_101028参考.pdf

    在旧版IE中,可以使用`document.form.item(name)`来访问表单元素,但在其他浏览器如Firefox、Chrome等,推荐使用`document.forms[formName].elements[name]`或者`document.getElementById(formId).elements[name]...

    显示div层js.txt

    #### 三、综合应用与注意事项 - 在实际项目中使用该脚本时,需要注意兼容性问题,尤其是在不同的浏览器环境下。 - 对于IE浏览器,可能需要使用特殊的CSS属性(如`alpha(opacity=60)`)来设置透明度。 - 需要确保...

    js 多种方法

    4. **注意事项**: - 在`frameset`中,需要使用`parent`关键字来访问父窗口中的元素。 - `scrolling`属性可以设置为`yes`、`no`或`auto`,其中`auto`表示当内容超出显示范围时自动显示滚动条。 ### 知识点二:...

    网页表格中图片连续滚动

    ### 注意事项 1. **兼容性问题**:在编写代码时,需注意不同浏览器可能对某些属性的支持情况不同,例如`offsetWidth`在IE下可能会有所不同。 2. **性能优化**:对于大量数据的滚动,应考虑使用更高效的算法或库,...

    js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合.docx

    #### 三、注意事项 1. **兼容性问题**:上述代码示例在现代浏览器中运行良好,但在较旧版本的 IE 浏览器中可能会出现问题。如果需要支持这些浏览器,则需要进行相应的兼容性处理。 2. **性能优化**:频繁地在滚动...

    浏览器兼容页面开发注意事项(javascript篇)_101028分享.pdf

    16. **document.getElementById和document.getElementsByName**:在处理多个同名元素时,`getElementsByName`在IE中会返回一个数组,而在其他浏览器中返回一个NodeList。 为了确保代码在各种浏览器中都能正常工作,...

    jQuery获取iframe的document对象的方法

    本篇文章将详细介绍如何在jQuery中获取`iframe`的`document`对象,并探讨相关的应用和注意事项。 ### 1. 获取`iframe`的`document`对象 如标题和描述所述,获取`iframe`的`document`对象通常是为了进行DOM操作。在...

    document.documentElement的一些使用技巧

    9. **注意事项:** - 注意空格和换行可能被视为文本节点,影响节点查找。如果`&lt;body&gt;`和`&lt;div&gt;`之间有空格,可能会影响`childNodes`的结果,因为它们会被解析为文本节点。 - 在处理DOM时,最好在DOM加载完成后再...

    JavaScript 实现HTML DOM增删改查操作的常见方法详解

    以下将详细介绍这些操作的具体实现方法和注意事项。 首先,查找DOM是进行其他操作的基础,有三种常用的方式: 1. 通过ID查找:这是最常见的一种方法。每个DOM元素都可以有一个唯一的ID,使用document....

    悬浮窗代码

    ### 四、应用场景与注意事项 - **应用场景**:悬浮窗常用于在线客服系统、浮动广告栏等场景中,以提高用户体验和增加交互性。 - **注意事项**: - 浏览器兼容性问题:不同浏览器对于CSS和JavaScript的支持程度不同...

    JavaScript实现文本框提示

    其中一种常见的做法就是在用户将光标聚焦到某个输入框时,通过弹出提示的方式告知用户该输入框的一些注意事项或格式要求。这种功能可以通过多种方式实现,而本示例则是利用了JavaScript来完成这一任务。 #### 二、...

    web开发—页面小广告

    #### 四、注意事项 1. **兼容性**:不同浏览器对CSS和JavaScript的支持程度不一,需测试多种浏览器以确保良好的兼容性。 2. **用户体验**:避免广告过于侵扰,如过多的动画效果或遮挡主要内容,以免引起用户反感。 3...

    js 右侧图片随着鼠标滚动

    ### 五、注意事项 - 确保所有CSS样式正确地应用于HTML元素。 - 测试不同的浏览器兼容性,确保在各种设备上都能正常工作。 - 考虑性能优化,避免因频繁更新DOM而引起的性能问题。 通过以上步骤,你可以轻松实现图片...

Global site tag (gtag.js) - Google Analytics