怎么在js控制的背景图片里添加文字？

将 id="bg" 这个 div 的 style（样式）中的 position（位置）设置为 relative（相对），

然后在里面加一个 div 写文字，将它的 position 设置为 absolute（绝对），调整 top 和 left 来改变它的显示位置。

把 div 替换为下面这样

<div id="bg" style="position: relative">

<div id="text" style="position: absolutetop: 100pxleft: 200px"><p>添加文字</p></div>

<img src="图片地址自己换上" alt="HIGH">

</div>

您好，应要求。

首先，背景不动需要设置属性background-attachment: fixed

第二，在JS中如果写document.write会将原页面的内容给覆盖，而这需要使用dom节点 *** 作，新建立一个style节点，并插入至页面中。如下：

// 创建一个标签节点style

var textNode = doucment.createElement('style')

// 创建一个文本节点

var newText = document.createTextNode('body{background: url(' + bodyBgs[randomBgINdex] + ' no-repeat center 0 fixed}')

// 将文本节点插入到标签节点中

textNode.appendChild(newText)

// 将标签节点插入到页面的head中

document.getElementsByTagName('head')[0].appendChild(textNode)

这个是原生JS的实现方法。

纯手打，望采纳，谢谢！

需要用到正则表达式

比如要搜索的关键词为a,不区分大小写

var

reg=/(a)/gi

var

str="这里为你搜索到的结果"

str=str.replace(reg,"<span

style='color:red'>$1</span>")

现在str已经是你想要的结果了，不懂继续问我

---