以点击按钮，改变按钮元素的内容为案例，点击的时候 ”按钮“ 变为 ”hello“
1、通过js获取元素，例如，获取元素btn按钮
2、通过js，当点击按钮的时候，改变原来的值为“hello”
3、运行效果如下：
4、点击按钮之后的效果：
完整的html代码如下：
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
wrap{
width:400px;
height:300px;
background:#000;
position:relative;
}
abtn1{
display:block;
width:140px;
height:40px;
line-height:40px;
text-align:center;
background:#ff0099;
color:#fff;
position:absolute;
left:100px;
top:100px;
}
</style>
</head>
<body>
<div class="wrap">
<a href="javascript:;" class="btn1" id="btn">按钮</a>
</div>
<script type="text/javascript">
var oBtn= documentgetElementById("btn");
oBtnonclick=function(){
oBtninnerHTML="hello"
}
</script>
</body>
</html>
$("选择器")offset() //该方法返回当前选择元素的第一个元素左上角(包括边框)距离整个页面顶部和左边的距离,返回值为{left:x, top:y} 例:$("div")offset()top;得到该元素在距离页面顶部的距离
$("选择器")offsetParent() //该方法与offset返回值类型相同,只不过此方法返回的是该元素距离父元素的top和left
您好，这里是javascript中制作滚动代码的常用属性
页可见区域宽： documentbodyclientWidth;网页可见区域高： documentbodyclientHeight;网页可见区域宽： documentbodyoffsetWidth (包括边线的宽);网页可见区域高： documentbodyoffsetHeight (包括边线的宽);网页正文全文宽： documentbodyscrollWidth;网页正文全文高： documentbodyscrollHeight;网页被卷去的高： documentbodyscrollTop;网页被卷去的左： documentbodyscrollLeft;网页正文部分上： windowscreenTop;网页正文部分左： windowscreenLeft;屏幕分辨率的高： windowscreenheight;屏幕分辨率的宽： windowscreenwidth;屏幕可用工作区高度： windowscreenavailHeight;
offsetLeft
假设 obj 为某个 HTML 控件。
objoffsetTop 指 obj 距离上方或上层控件的位置，整型，单位像素。
objoffsetLeft 指 obj 距离左方或上层控件的位置，整型，单位像素。
objoffsetWidth 指 obj 控件自身的宽度，整型，单位像素。
objoffsetHeight 指 obj 控件自身的高度，整型，单位像素。
我们对前面提到的“上方或上层”与“左方或上层”控件作个说明。
例如：
<div id="tool">
<input type="button" value="提交">
<input type="button" value="重置">
</div>
“提交”按钮的 offsetTop 指“提交”按钮距“tool”层上边框的距离，因为距其上边最近的是 “tool” 层的上边框。
“重置”按钮的 offsetTop 指“重置”按钮距“tool”层上边框的距离，因为距其上边最近的是 “tool” 层的上边框。
“提交”按钮的 offsetLeft 指“提交”按钮距“tool”层左边框的距离，因为距其左边最近的是 “tool” 层的左边框。
“重置”按钮的 offsetLeft 指“重置”按钮距“提交”按钮右边框的距离，因为距其左边最近的是“提交”按钮的右边框。
以上属性在 FireFox 中也有效。
另 外：我们这里所说的是指 HTML 控件的属性值，并不是 documentbody，documentbody 的值在不同浏览器中有不同解释（实际上大多数环境是由于对 documentbody 解释不同造成的，并不是由于对 offset 解释不同造成的），点击这里查看不同点。
标题：offsetTop 与 styletop 的区别
预备知识：offsetTop、offsetLeft、offsetWidth、offsetHeight
我们知道 offsetTop 可以获得 HTML 元素距离上方或外层元素的位置，styletop 也是可以的。
给控件都取同一个名字n1
var names=documentgetElementsByName("n1");
for(var i=0;i<nameslength;i++){
alert(names[i]value);
}
以上就是关于如何用js给html控件赋值全部的内容，包括:如何用js给html控件赋值、js或jquery怎样获取htm中div控件相对于页面的left和top值解决方、提问一下js里srolltop。元素的offset top clientHeight 是从哪里算的等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）