首頁(yè) 猿問(wèn) 有誰(shuí)知道該如何用javascrip...

有誰(shuí)知道該如何用javascript實(shí)現(xiàn)css expression嗎？具體怎么辦呢？

Java C

胡說(shuō)叔叔 2021-11-23 15:11:25

我在css里定義了一個(gè)類.scrollRowThead{position: relative; left:expression(this.parentElement.parentElement.parentElement.parentElement.scrollLeft);}但是expression已經(jīng)不被IE8支持了，在IE8中不能運(yùn)行，如何用javascript實(shí)現(xiàn)css expression？要具體的代碼

查看完整描述

1 回答

白衣非少年

TA貢獻(xiàn)1155條經(jīng)驗(yàn) 獲得超0個(gè)贊

var scrollRowThead = document.getElementById("...");
scrollRowThead.style.left = scrollRowThead.parentElement.parentElement.parentElement.parentElement.scrollLeft;

把以下代碼放到一個(gè)html文件中，然后用瀏覽器打開(kāi)看看效果。
<html>
<style>
.scrollRowThead {
position: relative;
}
</style>
<script language=javascript>
function init() {
var reletiveDiv = document.getElementById("myId");
reletiveDiv.style.left = reletiveDiv.parentElement.parentElement.style.height;
// 設(shè)置myId這塊div的left屬性，讓他等于他父親節(jié)點(diǎn)的父親節(jié)點(diǎn)(也就是背景是紅色的那個(gè)div)的高度
// 這里就是為了說(shuō)明使用了高度屬性，你可以取得他的其他屬性，例如scrollLeft
}
</script>
<body onload="init()">
<div style="width:600px;height:100px;background-color:red">
<div>
<div id="myId" class="scrollRowThead" >
test
</div>
</div>
</div>
</body>
</html>