CSS完成在文章内容每段后边添加带联接的掩藏文

日期:2021-03-16 类型:科技新闻 

关键词:小程序开发者工具,小程序在线生成平台,小程序编辑,免费的小程序,微信小程序在哪里


编码关键了解3个主要参数:createElement、createTextNode、appendChild。这3个js主要参数各自是建立元素、建立标识符、追加连接点。编码基本原理:循环系统网页页面段落标识<p>,建立联接元素<a>,建立要显示信息的联接标识符,用SetAttribute界定元素a的款式和联接详细地址。在循环系统标识<p>后追加建立的元素<a>。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无题目文本文档</title>
<style>
.test {color:#fff;margin-left:18px;}
</style>
</head>
<body>
<p>怎样在文章内容的每段后边添加1行带联接的掩藏文本?</p>
<p>怎样在文章内容的每段后边添加1行带联接的掩藏文本?</p>
<p>怎样在文章内容的每段后边添加1行带联接的掩藏文本?</p>
<script>
function test()
{
var myP = document.getElementsByTagName("p");
for(var i=0;i<myP.length;i )
{
var createLink = document.createElement("a");
createLink.setAttribute("class","test");
createLink.setAttribute("href","https://www.jb51.net/");
createLink.setAttribute("target","new");
var createText = document.createTextNode("脚本制作之家");
createLink.appendChild(createText);
myP[i].appendChild(createLink);
}
}
window.onload = function() {test();}
</script>
</body>
</html>
上一篇:css 情况款式特性表明 返回下一篇:没有了