尊重原创>> 在html中创建新标签和属性的方法

来源：互联网发布：新网域名需要备案吗编辑：程序博客网时间：2024/06/15 02:22

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="https://cdn.bootcss.com/jquery/2.2.1/jquery.js"></script></head><body><!--需要创建的标签<a id="baidu" class="link" href="http://www.baidu.com" name="baidu">这是一个链接</a>--><script>/**第一种方法*js  中创建一个 新标签 用到方法：*/    var  link  = document.createElement('a');    link.innerHTML='这是一个链接';    link.setAttribute('href','http://www.baidu.com');    link.setAttribute('class','link');    link.setAttribute('id','baidu');    link.setAttribute('name','baidu');    document.body.appendChild(link);/* *第二种方法 *jQuery中  创建一个新标签的方法： */var link  = $("<a/>")link.html('这是个百度的链接');link.attr('href','http://www.baidu.com');link.attr('class','link');link.attr('id','baidu');link.attr('name','baidu');link.appendTo('body')/* *第三种方法 *jquery 创建标签的另外一种写法。出现在jq1.4中的方法： */$('<a/>',{    text:'这还是个链接',    href:'http://www.baidu.com',    class:'link',    id:'baidu',    name:'baidu'}).appendTo('body');</script></body></html>

阅读全文

0 0