:-6ren">
gpt4 book ai didi

jquery - 选择 :after pseudo class/element

转载 作者:技术小花猫 更新时间:2023-10-29 11:21:58 24 4
gpt4 key购买 nike

在 CSS 中,我使用 body:after 添加内容,我想在 jQuery 中获取它的高度。我该怎么做?

我读自here这样的伪元素用于修改,因此无法选择?我似乎甚至无法使用 $("body > :last-child") 来选择最后一个应该是 :after?

的 child

最佳答案

请注意,您使用 :aftercontent 添加的内容不是 node - 它既不是文档中的元素也不是文本。您可以使用 FireBug 看到这一点:在此屏幕截图中,我的 HTML 包含“hello”一词,但包含“world!”一词。使用 CSS 添加:

Screenshot of a Hello World page where the word World is added with CSS content. FireBug is open, clearly showing that the CSS content does not add an element to the DOM

你可以做的是使用 getComputedStyle找出内容是什么,如下例所示:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
<title>Select :after pseudo class/element</title>
<style type="text/css">
#msg:after {
content:" World!"
}
</style>
<script type="text/javascript">
window.onload = function() {
if(window.getComputedStyle) {
var element = document.getElementById("msg");
var style = window.getComputedStyle(element,':after')
alert(style.content);
}
else {
alert("This browser sucks!"); // ;)
}
}
</script>
</head>
<body>
<h1>
<span id="msg">Hello</span>
</h1>
</body>
</html>

...不幸的是,这使您可以访问内容但不能访问高度:(

关于jquery - 选择 :after pseudo class/element,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5347690/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com