利用js动态创建标签的两种方式

最新推荐文章于 2021-03-30 16:56:14 发布

Mr_Wx

最新推荐文章于 2021-03-30 16:56:14 发布

阅读量534

点赞数

CC 4.0 BY-SA版权

分类专栏：随笔文章标签： url js

本文链接：https://blog.youkuaiyun.com/qq_18562585/article/details/50562556

随笔专栏收录该内容

1 篇文章

订阅专栏

本文介绍了JavaScript中动态创建HTML标签的两种常见方法，通过示例代码详细解析了如何使用function1和function2来实现这一功能。

废话不多说，直接上代码。

function1

var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = url;
document.getElementsByTagName('head')[0].appendChild(link);

function2

var form = $("<form name='**' method='post' target='_blank'></form>");
form.attr({"action": url});
var noInput = $("<input type='hidden'>");
noInput.attr({"name": "**"});
noInput.val("");
var subjectInput = $("<input type='hidden'>");
subjectInput.attr({"name": "**"});
subjectInput.val("");
var feeInput = $("<input type='hidden'>");
feeInput.attr({"name": "**"});
feeInput.val("");
var urlInput = $("<input type='hidden'>");
urlInput.attr({"name": "**"});
urlInput.val("");
form.append(noInput);
form.append(subjectInput);
form.append(feeInput);
form.append(urlInput);
form.submit();