javascript - 为什么我的 css 样式没有改变?

标签 javascript html css

我正在尝试使用 javascript 更改文本的颜色,但是像这样简单的东西不起作用,我不明白为什么..

<!DOCTYPE html>

<html>
   <script>
      var y = document.getElementById('ya');
       y.style.color = "red";
   </script>

<p style="font-size:100px;" id="ya">
    hi
</p>

</html>

最佳答案

试试这个,它的工作。这是因为脚本现在在 DOM 元素呈现后运行。

<p style="font-size:100px;" id="ya">
    hi
</p>

<script>
  var y = document.getElementById('ya');
  y.style.color = "red";
</script>

关于javascript - 为什么我的 css 样式没有改变?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40145461/

相关文章:

javascript - 使用显示表和 float 的响应式网格

html - CSS3 - 如何将 "restore"::-webkit-scrollbar 属性设置为默认滚动条

javascript - 单击按钮时如何创建 IMG?

javascript - 压缩和编译 JS 和 CSS

javascript - document.getElementsByClassName - 跨浏览器修复

html - 一个页面中有多个滑动菜单

html - Flexbox列方向同宽

javascript - Jasmine:测试数组是否包含具有特定属性但没有自定义匹配器的对象元素

javascript - jQuery CSS 选择器问题

javascript - 如何选中和取消选中 WebGrid 列中的所有复选框?