JavaScript Paragraph对象(Paragraph Object)

Paragraph对象代表了HTML文档中的p元素

如何访问Paragraph对象?

使用getElementById()访问p元素。

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

如何创建Paragraph对象

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

var x = document.createElement("p");
Paragraph对象的属性
属性 说明
align HTML5不支持该属性,使用style.textAlign代替。
设置或返回paragraph元素上的align属性的值

标准属性及事件

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

使用例1

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

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

<p id="myP">这是一个p元素,点击以下按钮,获取该p元素的 id值</p>

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

<p id="demo"></p>

<script>

function myFc() {

var x = document.getElementById("myP").id;

document.getElementById("demo").innerHTML = x;

}

</script>

</body>

</html>

使用例2

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

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

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

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

<p id="demo"></p>

<script>

function myFc() {

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

var t = document.createTextNode("创建了一个p元素");

x.appendChild(t);

document.body.appendChild(x);

}

</script>

</body>

</html>

关联内容