更改HTML属性

- 日理万妓 2022-05-14 09:04 411阅读 0赞

## 改变 HTML 内容 ##

修改 HTML 内容的最简单的方法是使用 innerHTML 属性。

如需改变 HTML 元素的内容，请使用这个语法：

document.getElementById(*id*).innerHTML=*新的 HTML*

## 改变 HTML 属性 ##

如需改变 HTML 元素的属性，请使用这个语法：

document.getElementById(*id*).*attribute=新属性值*

本例改变了 <img> 元素的 src 属性：

## 实例 ##

<!DOCTYPE html>
    <html>
    <body>
    
    <img id="image" src="smiley.gif">
    
    <script>
    document.getElementById("image").src="landscape.jpg";
    </script>
    
    </body>
    </html>

## 改变 HTML 样式 ##

如需改变 HTML 元素的样式，请使用这个语法：

document.getElementById(*id*).style.*property*=*新样式*

下面的例子会改变 <p> 元素的样式：

## 实例 ##

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
     
    <p id="p1">Hello World!</p>
    <p id="p2">Hello World!</p>
    <script>
    document.getElementById("p2").style.color="blue";
    document.getElementById("p2").style.fontFamily="Arial";
    document.getElementById("p2").style.fontSize="larger";
    </script>
    <p>以上段落通过脚本修改。</p>
     
    </body>

发表评论取消回复

表情：

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

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

相关阅读

相关更改json属性名

json对象： var arr = [ { "name":"英语", }, {

刺骨的言语ヽ痛彻心扉/ 2023年08月17日 16:51/ 0 赞/ 219 阅读

相关 dom属性和html属性_HTML属性

dom属性和html属性 Attributes are used to provide additional information of a tag such as it’

妖狐艹你老母/ 2023年03月05日 08:29/ 0 赞/ 70 阅读

相关 tabindex属性_tabindex（HTML属性）

tabindex属性描述 (Description) The `tabindex` is used to define a sequence that users f

矫情吗；*/ 2022年12月03日 01:58/ 0 赞/ 363 阅读

相关 js更改css属性_CSS会更改属性：何时以及何时不使用它

js更改css属性 The `will-change` CSS property is commonly misunderstood or not used correctl

曾经终败给现在/ 2022年11月27日 04:26/ 0 赞/ 233 阅读

相关 html 提示属性,HTML 属性

HTML 属性属性是为 HTML 元素提供的附加信息。 HTML 属性属性总是以名称/值对的形式出现，比如：name="value"。 HTML 元素可以设置属性属

迈不过友情╰/ 2022年10月06日 05:59/ 0 赞/ 461 阅读

相关 HTML属性

HTML 属性为了表示元素的一些特征，我们可以在开始标签中添加一些属性。如下： ![0][] 属性特征一般属性都具有以下特征：每个属性之间或与元素

曾经终败给现在/ 2022年05月27日 09:35/ 0 赞/ 313 阅读

相关更改HTML属性

改变 HTML 内容修改 HTML 内容的最简单的方法是使用 innerHTML 属性。如需改变 HTML 元素的内容，请使用这个语法： document.get

- 日理万妓/ 2022年05月14日 09:04/ 0 赞/ 412 阅读

相关 HTML lang 属性

参数解析: language_code:规定元素内容的语言代码。

小灰灰/ 2020年05月16日 18:50/ 0 赞/ 930 阅读

相关 HTML id 属性

HTML id 属性此属性规定元素的唯一标识。 id属性值在同一个文档中是唯一的，否则可能会出现问题。

小灰灰/ 2020年05月16日 18:37/ 0 赞/ 879 阅读

相关 HTML accesskey 属性

HTML accesskey 属性此属性规定使元素获得焦点的快捷键(ALT+字母或ALT+Shift+字母)。

小灰灰/ 2020年05月16日 18:32/ 0 赞/ 745 阅读