HTML DOM Italic对象(Italic Object)

Italic对象代表了HTML文档中的i元素

如何访问Italic对象?

使用getElementById()访问Italic元素。

var  x = document.getElementById("myItalic");

如何创建Italic对象

使用createElement()方法创建Italic元素。

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

标准属性及事件

Italic对象同时支持标准的属性事件

使用例1

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<h3>如何访问i元素?</h3>

<p>点击以下按钮,给 <i id="myItalic">该处斜体文字</i>改变颜色。</p>

<button onclick="myFc()">按钮</button>

<script>

function myFc() {

var x = document.getElementById("myItalic");

x.style.color = "red";

}

</script>

</body>

</html>

使用例2

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<h3>如何创建i元素?</h3>

<p>点击以下按钮,创建一个i元素。</p>

<button onclick="myFc()">按钮</button>

<script>

function myFc() {

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

var t = document.createTextNode("斜体文字");

x.appendChild(t);

document.body.appendChild(x);

}

</script>

</body>

</html>

关联内容