如何在动态创建的范围中添加样式 [英] How to add style in dynamically created span
本文介绍了如何在动态创建的范围中添加样式的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想将样式添加到
我的代码是
< pre lang = HTML >
< !DOCTYPE < span class =code-attribute> html >
< html >
< span class =code-keyword>< head >
< script 型 = text / javascript >
function aa()
{
var ff = #00FF00
var innerhtml = < table>< tr>< td>< span id ='spn' >< / span>< / td>< / tr>< table>
document .getElementById(' demo')。innerHTML = innerhtml;
}
< / 脚本 >
< / head >
< body >
< 按钮 type = 按钮
onclick = aa() > < /按钮 >
< p id = 演示 > < / p >
< / body >
< / html >
我尝试过:
< span class =code-keyword> var ff = #00FF00
var innerhtml = < table>< tr>< td>< span style ='background-color:'+ + ff + < span class =code-string> >< / span>< / td>< / tr>< / table>;
解决方案
var ff = #00FF00
var innerhtml = < table>< tr>< td>< ; span style ='background-color: + ff + '>< / span>< ; / TD>< / TR>< /表>跨度>;
I want to add style to
my code is
<pre lang="HTML">
<!DOCTYPE html>
<html>
<head>
<script type=text/javascript>
function aa()
{
var ff="#00FF00"
var innerhtml="<table><tr><td><span id='spn'></span></td></tr><table>"
document.getElementById('demo').innerHTML=innerhtml;
}
</script>
</head>
<body>
<button type="button"
onclick="aa()"></button>
<p id="demo"></p>
</body>
</html>
What I have tried:
var ff="#00FF00"
var innerhtml="<table><tr><td><span style='background-color:'+"+ff+"></span></td></tr></table>";
解决方案
var ff="#00FF00" var innerhtml="<table><tr><td><span style='background-color:"+ff+"'></span></td></tr></table>";
这篇关于如何在动态创建的范围中添加样式的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文