JS document 获取 html对象的问题

最新推荐文章于 2024-04-12 08:57:44 发布
最新推荐文章于 2024-04-12 08:57:44 发布
阅读量90 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/kongfl888/p/3377502.html
版权

在了解document.getElementById()方法的时候,没有留意到被获取的对象的声明时的位置, 一个很基础很细节的问题.

比如说

这个js的引入位置:

-----------------a.js---------------------------------------------

 

var d=new Date();
var str;
str=d.getTime();
str3=d.getFullYear() +"年";
document.write(str3);
document.getElementById("div1").innerHTML=str;

//alert(document.getElementById("div1"));

 

 

------------------------a.html------------------------------------------

<html>
<head>
</head>
<body>

<div id="div1"></div>

</body>
</html>

 

--------------------------------------------------------------------------

看似很简单的内容,但在引用a.js:

<script language="javascript" src="a.js" type="text/javascript"></script>

 


的时候就出现问题了.

如,

若在<head></head>中或者在div1前引入, 结果就会出错: document.getElementById("div1")==null.无效

原因: html属性的声明作用范围只在该属性之后.

解决办法: 在div1之后引入.

转载于:https://www.cnblogs.com/kongfl888/p/3377502.html

weixin_30699831
关注
JS document对象简单用法完整示例
10-15
JavaScript中的`document`对象是浏览器提供的全局对象，用于访问和操作HTML文档的各个部分，包括元素、属性、事件等。本篇文章将详细讲解`document`对象的一些基础用法，包括直接和间接获取页面元素的方法。 1. **...
JavaScript进阶（三）document对象及HTML元素操作
jwang的博客
11-06 7137
前言       本章将学习document对象以及其操作html元素的相关知识，本章知识尤为重要！ 方法 1.概念 严格的意义上来将，document对象是window对象的一个属性，浏览器对外提供的支持js的用来操作HTML文档的一个对象，此对象封存的HTML文档的所有信息。 2.document获取html元素对象 看过CSS入门的同学应该都还记得，CSS有专门的选择器来标识ht...
原生js获取document_详解JS获取HTML DOM元素的8种方法
weixin_39996096的博客
12-20 1774
什么是HTML DOM文档对象模型(Document Object Model)，是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。这篇文章不做深入研究，只把各种用法和坑做一个总结。JS获取DOM元素的方法(8种)通过ID获取(getEleme...
JavaScript离别之作——HTML元素操作
微风洋洋的博客
03-25 1万+
JavaScript离别之作——HTML元素操作
JavaScript 浏览器API 使用document对象获取HTML元素
最新发布
ai_365的博客
04-12 282
JavaScript 浏览器API 使用document对象获取HTML元素
JS的Document类型
一心向晚
09-15 9420
Document HTMLDocument继承自Document。 在浏览器中，document对象是HTMLDocument的一个实例，表示整个HTML页面。document对象是window对象的一个属性，因此可以直接调用 1.属性 documentElement指向HTML页面中的<html>元素。 title 获取文档的标题 URL 获取URL domain 取得域名，并且可以进行设置，在跨域访问中经常会用到。 referrer 取得链接到当前页面的那个页面的URL...
JS获取html对象的几种方式介绍
10-26
JavaScript提供了多种方法来获取页面中的HTML对象，以下就是几种常用的获取方式的详细介绍。 首先，最常见的获取方式是通过元素的ID来获取对应的HTML对象。在HTML文档中，每个元素的ID应该是唯一的，这样就可以确保...
html的DOM中document对象images集合用法实例
09-03
在HTML的Document Object Model (DOM) 中，`document` 对象是整个HTML文档的顶级对象，它提供了访问和操作HTML元素的方法。其中一个重要的属性是 `images` 集合，这个集合包含了文档中所有 `<img>` 标签所表示的图像...
html的DOM中document对象anchors集合用法实例
09-03
在HTML文档中，document对象是一个非常重要的部分，它代表了整个文档。锚点是HTML中的一种元素，用于创建超链接，通常用于页面内的跳转。在DOM中，document对象有一个名为anchors的集合属性，它包含文档中所有名为...
js中获取html元素之document.documentElement
热门推荐
韦_恩的博客
05-18 1万+
document.documentElement Document.documentElement 是一个会返回文档对象（document）的根元素的只读属性（如HTML文档的 <html> 元素）。 对于任何非空 HTML 文档，调用 document.documentElement 总是会返回一个 <html> 元素，且它一定是该文档的根元素。借助这个只读属性，能方便地获取到任意文档的根元素。 参考文档 html中document.body 与 document.d
获取HTML对象的方式及常见的HTML对象方法
NJUSTZJC的博客
12-05 805
获取HTML对象的方式 注意2/3/4方式返回的是数组。因为id是唯一的。 常见的适用于所有对象的方法： innerhtml改变内容 对于复选框的checked属性。 style改变css的样式 对于Img对象 img.src是改变图片源的。 ...
document.querySelector获取不到html标签对象实例的原因
weixin_34381666的博客
12-27 4755
官方给出的HTML中的ID的命名规范： 1、必须以字母 A-Z 或 a-z 开头2、其后的字符：字母(A-Za-z)、数字(0-9)、连字符("-")、下划线("_")、冒号(":") 以及点号(".")3、值对大小写敏感 但是个人建议不要使用冒号(":")，因为冒号在使用的时候在使用JQuery时，需要被转义，有时候浏览器不会进行转义，就会导致出错。一般使用字母加上下划线就够用了。 htm...
HTML——JS—文档对象document
piduocheng0577的博客
03-17 214
目录 文档对象document 获取元素节点 文档对象document DOM --- Document Object Model 文档对象模型 在文档对象模型中 它是以节点的形式来操作文档的 常用的节点的分类： 元素节点 --- 标签 属性节点 --- 标签的属性 文本节点 --- 文本节点 文本是嵌套在标签之间的 ...
JavaScript——HTML Document对象
Shirven
09-23 371
HTML DOM Document 对象 Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。 Document 对象
如何用Javascript解析HTML？
博客只是岁月的记录
10-08 3971
问题的提出是我需要将另一个网页的某些内容解析出来并集成到当前正在处理的网页中。第一想法就是，使用dojo.xhrGet得到网页的内容，再使用某种Javascript Library来解析。我熟悉的dojo并没有这种库，查询了一下，jQuery也没有。后来发现jQuery的作者，鼎
js动态创建html元素的方法
三五月儿的专栏
01-15 1万+
js动态创建html元素需要使用到下面这些常见的js方法。 getElementById();//返回带有指定 ID 的元素。 getElementsByTagName();//返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。 getElementsByClassName();//返回包含带有指定类名的所有元素的节点列表。 appendChild();//把新的子节点添加到指
Html+JS实现全选与非全选操作
Blog Bingo
08-01 7805
Html+JS；全选与非全选
原生js获取html根元素,JS获取屏幕高度的简单实现代码
weixin_42436482的博客
06-04 942
主要使用了document对象关于窗口的一些属性,这些属性的主要功能和用法如下。要得到窗口的尺寸，对于不同的浏览器，需要使用不同的属性和方法：若要检测窗口的真实尺寸，在netscape下需要使用window的属性；在ie下需 要深入document内部对body进行检测；在dom环境下，若要得到窗口的尺寸，需要注意根元素的尺寸，而不是元素。window对象的innerwidth属性包含当前窗口的内...
JS-节点增删改-document-HTML DOM-事件
weixin_57218747的博客
05-08 400
Day14 DOM 课堂笔记 1 回顾 1.1 操作元素的样式 1. 读写元素的行内样式 元素.style.属性名 2. 读取元素的计算样式 getComputedStyle(元素).属性名 3. 操作元素的类名 className classList 1.2 读写元素中的文本内容 innerHTML outerHTML innerText textContent 1.3 读取元素的尺寸 offsetWidth / offsetHeihgt clientWidth /
JavaScript document对象详解与应用
"这篇文档详尽地介绍了JavaScript中的document对象及其各种用法，包括对象属性和方法，旨在帮助开发者理解和掌握在网页动态交互中的应用。" 在JavaScript中，`document`对象是浏览器提供的一个全局对象，它代表了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值