javascript - 如何根据同一页面上的文本/脚本更改 div 或表格的背景

标签 javascript html css

我很难找到解决问题的方法。 在我的网页中,我有一个表格,我想根据一些会在页面内自动更改的文本来更改背景。

文本可以是纯文本或 HTML,但该文本/脚本或 CSS 只能在页面的末尾(并且只能在那里)在关闭正文之前......例如:

<"text that can be hidden for user but change the background">
</body></html>

根据时间在一天内自动更改 6 次的文本(将是不同的文本/html)必须显示网页上其他位置的不同背景图像。

换句话说,我想根据正文末尾的文本/脚本更改表格的 sunny.gifcloudy.gif 背景。

你们知道如何实现这一点吗?

提前致谢!

最佳答案

最简单的方法是添加带有 CSS 规则的样式,例如,初始图像为红色,而在页面底部添加的样式将其更改为黄色

div, p {
  text-align: center;
}

.changeBkg { 
  margin: 0 auto;
  width: 300px;
  height: 100px;
  background: gray url(http://placehold.it/200/f00) center center / cover no-repeat;
}
<body>


<div class="changeBkg"></div>
<p> Some text bla bla bla</p>
<p> Some text bla bla bla</p>
<p> Some text bla bla bla</p>
<p> Some text bla bla bla</p>


<!-- text/style that change i.e. a background image -->
<style> .changeBkg { background-image: url(http://placehold.it/200/ff0); } </style>

</body>

关于javascript - 如何根据同一页面上的文本/脚本更改 div 或表格的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43692780/

相关文章:

javascript - 跟踪输入文本框中每个文本更改的 knockout.js 事件

css - 评分和排名特异性规则

javascript - CSS样式{显示:none} is not working in htmlattribute

javascript - 如何检测发生碰撞的一侧

php - 使用 PHP Simple HTML DOM Parser 卡住选择类或 id

css - Android 平板电脑中的 Sencha 触摸面板滚动性问题

javascript - 如何使用谷歌图表库将圆环图元素平滑地旋转到底部位置(270度或负y轴)

html - 如何将此锯齿形边框移动到左侧而不是底部?

javascript - 按钮上的全向点击 map 实现,非真实链接

javascript - 使用 JQuery 增加 <td> 中的数字