设置js中的div固定在右上角

JavaScript023

设置js中的div固定在右上角,第1张

新建一个HTML文件，命名为test.html，用于实现把div定位到右上角。

在test.html页面编写一个内容为“这是固定在右上角的DIV”的div，并定义它的id属性为rig，用于下面实现定位。同时，编写几个p标签，用于测试div是否真的固定在页面的右上角。

在test.html页面，使用<style type="text/css"></style>标记定义CSS的内容，在CSS内编写id为rig的div样式。

var p = document.getElementById("div1")

p.style.position = "absolute"

p.style.left="100px"

p.style.top="100px"

1、利用js代码首先创建一个div，document.createElement('div')2、确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。 3、确定位置之后，显示div即可。 示例：比如html中有一个文本输入框，...