Fatal编程技术网
  • javascript/
  • Javascript 如何设置document.write（）中存在的标记的样式？

Javascript 如何设置document.write（）中存在的标记的样式？

javascript css

Javascript 如何设置document.write（）中存在的标记的样式？,javascript,css,Javascript,Css,我想在document.write中设置img标记的样式。怎么做 我试着在head中使用img{height:100px；width:100px；}内部样式标记，但我不认为它是这样工作的 <form name="myform" style="margin-left: 45%"> <input type="radio" name="ward" value="Thane">Thane</input><br> <inp

我想在document.write中设置img标记的样式。怎么做

我试着在head中使用img{height:100px；width:100px；}内部样式标记，但我不认为它是这样工作的

     <form name="myform" style="margin-left: 45%">
     <input type="radio" name="ward" value="Thane">Thane</input><br>
     <input type="radio" name="ward" value="Vashi">Vashi</input><br>
     <input type="radio" name="ward" value="Andheri">Andheri</input><br>
     <input type="radio" name="ward" value="Bandra">Bandra</input><br>
     <input type="radio" name="ward" value="Dadar">Dadar</input><br>
     <button onclick="display()" id="submit">Submit</button>
     </form>

      Above code is inside body of html and below code is inside script

      if(document.myform.ward.value=="Thane")
      {
        document.write("Thank You!<br>You have selected Thane");
         document.write("<img src='voted.gif'></img>");
       }
我希望只有当用户选择Thane时，才会显示Thane的图像和感谢信息。但我无法塑造形象。怎么做？我不能使用innerHTML，因为它显示在我选择选项的同一页面上，我不希望这样。我是初学者，不知道怎么做。谢谢。

虽然通常不推荐使用，但您可以使用以下内嵌样式：

document.write("<img src='voted.gif' style='height:100px; width:100px;'>");
您不必关闭img标记，因为它是一个元素。

您是否尝试过通过例如获取元素 document.getElementsByTagNamesome\u标记\u名称

使用getElementsByTagName可以获取元素，使用元素可以使用样式对象并获取或设置元素的属性

document.getElementsByTagNamesome\u tag\u name.style.some\u style\u property=属性的some\u value\u

例如：

<!DOCTYPE html>
<html>
<body>

<div id="myDiv">This is a div.</div>
<br>
<button type="button" onclick="myFunction()">Set solid border</button>

<script>
function myFunction() {
  document.getElementById("myDiv").style.borderStyle = "solid";
}
</script>

</body>
</html>
样式对象Javascript的链接：

document.write；然后是内部样式标记do.image{height:100px；width:100px；}@weegee这不起作用，但是thanks@weegee-document.write将销毁现有文档，因此样式在以后将不存在。@Quentin this works@weegee-这只起作用，因为在运行document.write语句时原始文档尚未关闭。OP正在读取表单数据，因此他们必须在文档关闭且用户开始与之交互后才执行此操作。@N97 Try我的答案更适合于此。确实不建议使用此方法，例如此答案的用户36。问题是如何设置已被document.writen而不是当前文档中存在的元素的样式。请注意，document.write会创建一个新文档。您可以通过“我不推荐”文档创建新元素。write问题是，例如，如果您希望在某些名为parents的元素中插入一个元素，您如何使用document.write我不推荐将不会回答类似op请求的推荐方法。好吗？我也不建议使用document.write…但问题是关于如何使用它的…你的回答只是给出了一个假设document.write不使用的解决方案，而只是演示如何重写OP的原始代码以删除document.write，同时仍能达到他们想要的目标。好，我可以添加一个document.write示例并说它不推荐，然后放置我的.style示例以及如何通过createElement函数创建元素吗？