javascript添加p元素，html添加文字，appendChild

最新推荐文章于 2022-11-24 10:28:03 发布

游勇一

最新推荐文章于 2022-11-24 10:28:03 发布

阅读量6.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript html添加p appendChild

本文链接：https://blog.youkuaiyun.com/youyong6/article/details/93305667

本文介绍了如何使用JavaScript的appendChild方法动态地在HTML页面中添加p元素，并展示了添加文字的效果。结合实例代码和网页截图，帮助理解这一操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript添加p元素，html添加文字，appendChild。
网页添加p元素效果截图。
个人签名：游志勇，预制板，南托岭预制场。
添加p元素的图片

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=200px,height=320px, initial-scale=1.5, minimum-scale=1.5, maximum-scale=3.0, user-scalable=yes"/>

<title>文字展示</title>
</head>
<style>
#wordsadd{
font-size:70px;
word-break: break-all;}
#wordsadd p{
margin:0 0 2px 0;
padding:0 0 2px 0;
line-height:93%;
}
.btn_width{width: 90px;}
.nodisplay{display:none;}
 
</style>

<script type="text/javascript" >
function wordsadd_fnbr(x,y){
	
var x_id = document.getElementById(x).value;
//wo_cott=wo_cott.replace(/\r{0,}\n/g,"<br>");
var a_sentences= new Arra