currentStyle 改成 style
很遗憾 currentStyle 里面没有 backgroundPosition 的属性。
不过我也取不出来，出来的值是空。只有预定义才有用
<script language="JavaScript">
documentgetElementById("body")stylebackgroundPosition ="left top"
var ss = documentgetElementById("body")stylebackgroundPosition
alert("类型:"+typeof(ss) + " 长度:" + sslength + " 值:"+ ss)
</script>
你贴出的JS代码与你的body背景没什么关系,如果要取body的背景图,可以用如下语句
documentgetElementsByTagName('body')[0]stylebackgroundImage
你怎么知道我有答案？昨天是回答了，结果无缘无故被弊，再试试吧
注意因为百度知道这几天的高亮显示不正常，下面代码中前面的空格都是全角，你复制粘贴之后自己用编辑器查找/替换全部吧。
<style type="text/css">#div {
width: 100%;
background: url("bgjpg") no-repeat;
background-size: 100% auto;
border: 1px solid #f00;
}
</style>
<style>
#BG {background-image: url(/BG/BG1gif);}
#BG {width:200;}
</style>
<INPUT TYPE="button" onclick="alert(documentstyleSheets[0]rules[0]stylebackgroundImage)" value="读">
<INPUT TYPE="button" onclick="alert(documentstyleSheets[0]rules[0]stylebackgroundImage='url(/BG/BG2gif)')" value="写">
<INPUT TYPE="button" onclick="alert(documentstyleSheets[0]rules[1]stylewidth)" value="读">
HTML5新增了关于文件的File，FileReader两个对象，用于获取文件信息和读取文件信息。
var
fileInput = documentgetElementById('test-image-file'),
info = documentgetElementById('test-file-info'),
preview = docementgetElementById('test-image-preview');
//监听change事件
fileInputaddEventListener('change', function() {
//清除背景
previewstylebackgroundImage = '';
//检查文件是否选择
if(!fileInputvalue) {
infoinnerHTML = '没有选择文件';
return;
}
//获取file文件引用：
var file = fileInputfiles[0];
//获取文件信息
infoinnerHTML = '文件：' + filename + '<br>' +
'大小：' + filesize + '<br>' +
'修改：' + filelastModifiedDate;
if(filetype !== 'image/jpeg' && filetype !== 'image/png' && filetype !== 'image/gif') {
alert('不是有效的文件');
return;
}
//读取文件
var reader = new FileReader();
readeronload = function(e) {
var data = etargetresult;
previewstylebackgroundImage = 'url('+ data + ')';
};
//以DataURL的形式读取文件：
readerreaderAsDataURL(file);
})
<!DOCTYPE html>
<html>
<head>
<title>getHexColor js/jQuery 获得十六进制颜色</title>
<meta charset="utf-8" />
<script type="text/javascript">
function getHexBgColor(){
var str = [];
var rgb = documentgetElementById('color')stylebackgroundColorsplit('(');
for(var k = 0; k < 3; k++){
str[k] = parseInt(rgb[1]split(',')[k])toString(16);
}
str = '#'+str[0]+str[1]+str[2];
documentgetElementById('color')innerHTML = str;
}
function getHexColor(){
var str = [];
var rgb = documentgetElementById('color')stylecolorsplit('(');
for(var k = 0; k < 3; k++){
str[k] = parseInt(rgb[1]split(',')[k])toString(16);
}
str = '#'+str[0]+str[1]+str[2];
documentgetElementById('color')innerHTML = str;
}
</script>
<style type="text/css">
#color{
width: 200px;
height: 200px;
line-height: 200px;
text-align: center;
}
</style>
</head>
<body>
<div style="color: #88ee22; background-color: #ef8989;" id="color"></div>
<input onclick="getHexBgColor();" type="button" value="获得背景色" />
<input onclick="getHexColor();" type="button" value="获得字体颜色" />
</body>
</html>
点击“获得背景色”按钮，会调用getHexBgColor()方法获取css的背景色。
以上就是关于JS怎么取不到background-position的值全部的内容，包括:JS怎么取不到background-position的值、在css中设置了body的background 但是在js中读取不到、js获取背景图片宽高比后根据浏览器宽度动态赋值div.style.height等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）