如何用JavaScript改变标签p中的数据?

JavaScript017

如何用JavaScript改变标签p中的数据?,第1张

1、如果p便签有id，var x=document.getElementById("p标签的ID")x.innerHTML="内容"

2、如果p标签有name，var x=document.getElementsByName("p标签的name")x[0].innerHTML="内容" //name可能会重复，根据实际情况选择其下标

3、无name，无id，var x=document.getElementsByTagName("p")//注意返回的是个集合

x[0].innerHTML="内容"

4、有class的情况：

function getElementsByClassName(classofP) {

var el = [],

_el = document.getElementsByTagName('*')

for (var i=0i<_el.lengthi++ ) {

if (_el[i].className ==classofP ) {

el[el.length] = _el[i]

}

}

return el

}

var x=getElementsByClassName("p的class")

x[0].innerHTML="内容"//x是集合 注意下标根据实际情况改变

关于你的提问，我通过添加一个Input标签实现的，代码如下：

<html xmlns="

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript">

function keydownAddP(evt) { // 当input标签接收到回车时，执行本方法

evt = (evt) ? evt : ((window.event) ? window.event : "")

keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which : evt.charCode)

if (keyCode == 13) {

//创建一个P标签

var newP = document.createElement('p')

newP.innerHTML = "新的P标签"

//添加新P标签

var con = document.getElementById('con')

con.appendChild(newP)

}

}

</script>

</head>

<body>

<input onkeydown="keydownAddP(event)" type="text" />

<hr />

<div id="con" style="border:1px solid redwidth:500pxheight:300px">

<p>原来的P标签</p>

</div>

</body>

</html>

问题不少啊，朋友，改成下面就可以运行了，你每句每句的对照看看，错在哪里，尤其是每句后面掉了分号。

<p id="firjs"></p>

<script>

var a = Math.random() + ""

var rand1 = a.charAt(5)

var quotes = new Array()

quotes[1] = '欢迎！'

quotes[2] = '举牌子很累'

quotes[3] = '你发现了？'

quotes[4] = '这里是MW'

quotes[5] = '我挺帅'

quotes[6] = '我在这站了很久'

quotes[7] = '这些字会变'

quotes[8] = '欢迎'

quotes[9] = '出现“欢迎”最多'

quotes[0] = '欢迎'

var quote = quotes[rand1]

var hehe = document.getElementById("firjs")

hehe.innerText = quote

</script>