html adress作用,HTML DOM Address用法及代码示例

墨蓝 2022-10-07 04:49 193阅读 0赞

DOM地址对象用于表示HTML

元素。可以使用getElementById()方法访问该地址元素。

用法:

document.getElementById("id");

其中‘id’是分配给地址标签的ID。

示例1：在下面的程序中，访问地址元素，并更改地址元素内文本的颜色。

#  #

GeeksForGeeks

## DOM address Object ##

Click Here

GeeksforGeeks

710-B, Advant Navis Business Park,

Sector-142, Noida Uttar Pradesh - 201305

function Geeks() \{

var txt = document.getElementById("s");

txt.style.color = "green";

\}

输出：

在点击按钮之前：

![28d0402fc1b0b824c4618e28d05af213.png][]

单击按钮后：

![f45b97822a7f68a214488e7268197957.png][]

示例-2：可以使用document.createElement方法创建地址对象。

#  #

GeeksForGeeks

## DOM address Object ##

Click Here!

function Geeks() \{

var x = document.createElement("ADDRESS");

var t = document.createTextNode("Baker street, 221B, UK");

x.appendChild(t);

document.getElementById("p").appendChild(x);

\}

输出：

在点击按钮之前：

![53bae359d6bf04cf91277148288f4286.png][]

单击按钮后：

![944f2bf8a91515ea4bc2ff3a27d17775.png][]

[28d0402fc1b0b824c4618e28d05af213.png]: /images/20221005/24050aaa582c4e7db728dde7251eb33d.png
[f45b97822a7f68a214488e7268197957.png]: /images/20221005/4a0494a9f21c49908b294f652bce01de.png
[53bae359d6bf04cf91277148288f4286.png]: /images/20221005/2d7ab73e7e7a4e10853ad24b3d3c8273.png
[944f2bf8a91515ea4bc2ff3a27d17775.png]: /images/20221005/3afc788a3672429588972a704c2fa757.png

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML DOM

/ 作者：呆萌老师 ☑csdn认证讲师 ☑51cto高级讲师 ☑腾讯课堂认证讲师 ☑网易云课堂认证讲师 ☑华为开发者学堂

怼烎@/ 2024年04月07日 13:48/ 0 赞/ 74 阅读

相关 HTML原生Js开发组件customElements define()用法及代码示例

使用原生Js也可以开发自定义组件了，就像使用Vue或React组件一样，可以很方便实现组件的创建和复用，例如我自定义了一个组件：![ef9619777fe84b0a910383

你的名字/ 2023年10月10日 22:54/ 0 赞/ 32 阅读

相关 html adress作用,HTML DOM Address用法及代码示例

DOM地址对象用于表示HTML 元素。可以使用getElementById()方法访问该地址元素。用法: document.getElementById("id");

墨蓝/ 2022年10月07日 04:49/ 0 赞/ 194 阅读

相关 html按键使用touch,HTML touchstart事件用法及代码示例

每当用户触摸HTML元素时，就会使用touchstart事件执行脚本。触摸特定元素时，如果touchstart事件与之关联，则可以使用它触发javascript函数。注意：

谁践踏了优雅/ 2022年10月07日 04:44/ 0 赞/ 189 阅读

相关 html 文档标题使用,HTML Title text用法及代码示例

DOM标题文本属性用于设置或返回文档标题的文本。用法: 它返回text属性。titleObject.text 它用于设置text属性。titleObject.text

ゝ一世哀愁。/ 2022年10月06日 08:55/ 0 赞/ 203 阅读

相关 HTML DOM

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model），即DOM。现在就来简单总结一下。什么是DOM？ DOM 是 W3C（万维网联

墨蓝/ 2022年05月31日 23:06/ 0 赞/ 214 阅读

相关 HTML DOM

文章目录 HTML DOM 访问DOM节点操作DOM节点示例 HTML DOM > 当网页

迈不过友情╰/ 2022年04月25日 08:54/ 0 赞/ 198 阅读

相关 HTML DOM

一.什么是htmlDOM！ DOM 是 W3C（万维网联盟）的标准。 DOM 定义了访问 HTML 和 XML 文档的标准： “W3C 文档对象模型（DOM）

小鱼儿/ 2022年02月01日 00:09/ 0 赞/ 260 阅读

相关 HTML_10 —— address

<address> 内容 </address> HTML <address> 元素定义文档或文章的联系信息（作者/拥有者）。注意：显示时候为斜体。 <!doc

秒速五厘米/ 2021年12月13日 22:03/ 0 赞/ 216 阅读

相关 html DOM

在 HTML 中 DOM（文档对象模型）是 Web 前端里最基础、最常用的—模型。例如，一个网页其实就是一个 HTML 文件，经过浏览器的解析，最终呈现在用户面前。 HTM

╰+攻爆jí腚メ/ 2021年10月14日 04:46/ 0 赞/ 363 阅读