如何用Js设置背景图片，js中设置背景图片

如何利用js动态改变body的背景图片?想要个简单的个例子?

获取要改变background-position的dom节点 这里以修改body的图片显示为例script var bd= document.getElementsByTagName(body)[0]；//通过document的api获取body节点。

/body 补充说明：JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它 是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。

获取文本框的图片地址。假设 文本框的id是 input. 按钮点击之后执行下面操作。

相关问答

Q1: JS/Jquery,如何实现背景图片的更换

1、no ^= 1；(body).css(background-image， url( + arr[no] + ))；} 浏览器运行index.html页面，此时显示出了其中1张背景图片。再点击“点击更换”按钮，此时背景图片又被更换到另一张。

2、首先，打开html编辑器，创建一个新的html文件，例如index.html，然后引入jquery，如下图所示。其次，完成上述步骤后，在index.html的标记中，输入下图红框中的jquery代码，如下图所示。

3、用jquery如何实现点击一栏目实现栏目变色，再点击另一栏目也变色，但原来的变回原色，有个数组a（1，2，3）循环遍历输出a的值。

4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“添加一个a标签”。在test.html文件内，给button按钮绑定onclick点击事件，当按钮被点击时，执行addaa（）函数。

5、需要准备的材料分别有：电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

Q2: 那在js中怎么设置div的背景图片呢

第一种方法：预先设置一个样式，然后在js中操作，给div加上这个class。

首先打dreamware软件，然后在 body中写入一个 div，把div赋予一个 id方便提取；用css写div属性和初始的背景色，width宽度值；height高度值；background初始的背景色。

新建一个HTML文件，保存为test.html，用于编写代码实现拖放功能 。在test.html添加一个div标签，并且给它一个id，用于下面编写样式。通过div的id ， 给div定义CSS样式，例如，把div定义为一个带边框的长方形。

有两种方式 获取到div之后，编辑一个img元素，并指定好url地址。然后div append img 元素就好了。获取到div之后，用js给div设置背景图片就可以了。

在div里面书写了一些文字，然后想要在放入一张图片。首先，我们应该先给div设置宽度和高度，保证文字有一个范围。然后通过background给div添加一张图片作为它的背景。

如何用Js设置背景图片的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js中设置背景图片、如何用Js设置背景图片的信息别忘了在本站进行查找喔。