Javascript 将样式设置为innerHTML元素_Javascript_Html_Css

Javascript 将样式设置为innerHTML元素

javascript html css

Javascript 将样式设置为innerHTML元素,javascript,html,css,Javascript,Html,Css,我正在做一个滑冰骰子项目，遇到了一堵墙。我希望我的JavaScript获得一个元素，然后设置innerHTML的样式 <html> <head> <title>GameSpace</title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <input id="roll" type="button"

我正在做一个滑冰骰子项目，遇到了一堵墙。我希望我的JavaScript获得一个元素，然后设置innerHTML的样式

<html>
<head>
 <title>GameSpace</title>
 <link rel="stylesheet" type="text/css" href="style.css"/>
</head>
 <body>
<input id="roll" type="button" value="Roll" onclick="show1()"/>
<img id="img1" src="http://www.clker.com/cliparts/X/w/P/Y/q/H/dice-1-md.png"/>

<img id="img2" src="http://www.clker.com/cliparts/X/V/S/C/I/x/dice-2-md.png"/>

<img id="img3" src="http://www.clker.com/cliparts/n/O/d/R/Y/c/dice-3-md.png"/>

<img id="img4" src="http://www.clker.com/cliparts/D/j/Z/R/5/P/dice-4-md.png"/>
<div id="popup"><p id="intext"> The dice have rolled! </p></div>
<script>
function reload()
{
window.location.reload(),
setTimeout(10000);
}

var rolldie1 = Math.random(), answer1; 

if (rolldie1 <= 0.16)
  {
    answer1 = "Ollie";
  } else if (rolldie1 <= 0.32)
    {
      answer1 ="Nollie";
    }
 else if (rolldie1 <= 0.48)
    {
      answer1 ="Fakie";
    }
 else if (rolldie1 <= 0.64)
    {
      answer1 ="Nose";
    }
 else if (rolldie1 <= 0.32)
    {
      answer1 ="Tail";
    }
 else if (rolldie1 <= 0.99)
    {
      answer1 ="Premo";
    }
function show1()
{
  var elem = document.getElementById("popup");
    elem.style.display = "block";

    document.getElementById("popup").innerHTML = document.getElementById("intext");
}
</script>
</body>
</html>

我希望document.getElementById获得弹出窗口，innerHTML是文本，但它太小了，所以我希望它获得innerHTML的段落元素

<html>
<head>
 <title>GameSpace</title>
 <link rel="stylesheet" type="text/css" href="style.css"/>
</head>
 <body>
<input id="roll" type="button" value="Roll" onclick="show1()"/>
<img id="img1" src="http://www.clker.com/cliparts/X/w/P/Y/q/H/dice-1-md.png"/>

<img id="img2" src="http://www.clker.com/cliparts/X/V/S/C/I/x/dice-2-md.png"/>

<img id="img3" src="http://www.clker.com/cliparts/n/O/d/R/Y/c/dice-3-md.png"/>

<img id="img4" src="http://www.clker.com/cliparts/D/j/Z/R/5/P/dice-4-md.png"/>
<div id="popup"><p id="intext"> The dice have rolled! </p></div>
<script>
function reload()
{
window.location.reload(),
setTimeout(10000);
}

var rolldie1 = Math.random(), answer1; 

if (rolldie1 <= 0.16)
  {
    answer1 = "Ollie";
  } else if (rolldie1 <= 0.32)
    {
      answer1 ="Nollie";
    }
 else if (rolldie1 <= 0.48)
    {
      answer1 ="Fakie";
    }
 else if (rolldie1 <= 0.64)
    {
      answer1 ="Nose";
    }
 else if (rolldie1 <= 0.32)
    {
      answer1 ="Tail";
    }
 else if (rolldie1 <= 0.99)
    {
      answer1 ="Premo";
    }
function show1()
{
  var elem = document.getElementById("popup");
    elem.style.display = "block";

    document.getElementById("popup").innerHTML = document.getElementById("intext");
}
</script>
</body>
</html>

有人可以帮忙吗？

您已经有了popup元素，您是说您希望popup中的文本样式更大吗？是的，popup中的文本需要更大使用CSS类来定义文本的外观，然后在适当的时间将该类名应用于元素。好的，明白了，谢谢，为什么我被否决了？我做了研究，但我不擅长javascript。我想你被否决了，因为你超越了自己，问了一个毫无意义的问题。elem.innerHTML只是一个文本字符串，而不是DOM元素。无法设置文本字符串的样式。只是角色而已。所以这是一个令人困惑的问题。我没有投反对票，我只是在猜测