本文目录一览:
如何用js动态写入html代码
所谓动态写入方法就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容,需要用JavaScript代码来实现。动态写入是一种很常见常用的方法。
1、用innerHTML写入html代码:
div id="abc"/div
scriptdocument.getElementById("abc").innerHTML="要写入的文字或内容"/script
2、appendChild() 方法:
ul id="myList"liCoffee/liliTea/li/ul
button onclick="myFunction()"点击向列表添加项目/button
script
function myFunction(){
var node=document.createElement("LI");
var textnode=document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
}
/script
如何查看js动态生成的js代码
Javascript动态生成的HTML内容无法在网页源文件中查看,但可以通过在浏览器地址栏敲入以下Javascript代码查看Body元素包含的内容:
javascript:document.write(document.body.innerHTML.replace(//g, "").replace(//g, ""))
下面的Javascript代码可以查看某个层包含的内容:
javascript:document.write(document.getElementById('box151').innerHTML.replace(//g, "").replace(//g, ""))
Js动态设置rem来实现移动端字体的自适应代码
下面一段代码给大家介绍了Js动态设置rem来实现移动端字体的自适应,以此做个记录,方便以后需要,感兴趣的朋友一起看看吧。
具体代码如下所示:
//设置根元素字体
var
win
=
window,
doc
=
document;
function
setFontSize()
{
var
winWidth
=
$(window).width();
//750这个数字是根据你的设计图的实际大小来的,所以值具体根据设计图的大小
var
size
=
(winWidth
/
750)
*
100;
doc.documentElement.style.fontSize
=
(size
100
?
size
:
100)
+
'px';
};
//这里我们给个定时器来实现页面加载完毕再进行字体设置
setTimeout(function()
{
//初始化
setFontSize();
},
100);
以上所述是小编给大家介绍的Js动态设置rem来实现移动端字体的自适应代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如何用js动态写入html代码?
所谓动态写入方法就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容,需要用
JavaScript
代码来实现。动态写入是一种很常见常用的方法。
1、用
innerHTML
写入
html代码
:
div
id="abc"/div
scriptdocument.
getElementById
("abc").innerHTML="要写入的文字或内容"/script
2、
appendChild
()
方法:
ul
id="myList"liCoffee/liliTea/li/ul
button
onclick="myFunction()"点击向列表添加项目/button
script
function
myFunction(){
var
node=document.createElement("LI");
var
textnode=document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
}
/script
如何使用js动态生成html代码
所谓动态生成html代码就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容,需要用JavaScript代码来实现。动态生成是一种很常见常用的方法。
用innerHTML写入html代码:
123div id="zd"/div‘即为向id为zd的标签写入内容scriptdocument.getElementById("zd").innerHTML="这里即为要写入的代码"/script
说明:
innerHTML:向对象插入内容。