Javascript 如何使用jquery获取元素的边框宽度?
我的CSS类:Javascript 如何使用jquery获取元素的边框宽度?,javascript,jquery,html,css,border,Javascript,Jquery,Html,Css,Border,我的CSS类: .oriz\u菜单{ 字号:18px; 边框顶部:3倍暗纹山脊; 底边:3倍深脊; 右边框:3倍山脊暗色; } 然后,当我尝试获取边框宽度时,它显示0px: console.log($(“#菜单”).css(“边框顶部宽度”) 我也尝试过.css(“borderTopWidth”) 请帮忙 PS:我将#menu元素附加到父元素中,然后使用$(“#menu”).addClass(“oriz#u menu”) 类名与CSS不匹配 在CSS中,您正在向“.Class”添加样式 但在j
.oriz\u菜单{
字号:18px;
边框顶部:3倍暗纹山脊;
底边:3倍深脊;
右边框:3倍山脊暗色;
}
然后,当我尝试获取边框宽度时,它显示0px:
console.log($(“#菜单”).css(“边框顶部宽度”)代码>
我也尝试过.css(“borderTopWidth”)
请帮忙
PS:我将#menu元素附加到父元素中,然后使用$(“#menu”).addClass(“oriz#u menu”)
类名与CSS不匹配
在CSS中,您正在向“.Class”添加样式
但在jquery中,您试图为“#ID”添加CSS
请将类名更改为“菜单”
现在你可以看到区别了,希望它能帮助你
类名与CSS不匹配
在CSS中,您正在向“.Class”添加样式
但在jquery中,您试图为“#ID”添加CSS
请将类名更改为“菜单”
现在您可以看到差异了,希望它对您有所帮助。首先创建#菜单
,然后创建添加类
,然后附加到父div,如下所示
var menuDiv = "<div id='menu'></div>";
menuDiv = $(menuDiv).addClass("oriz_menu");
$("div#parent").append(menuDiv);
alert($("#menu").css("border-top-width"));
var menuDiv=”“;
menuDiv=$(menuDiv).addClass(“oriz_菜单”);
$(“div#parent”).append(menuDiv);
警报($(“#菜单”).css(“边框顶部宽度”);
选中此项,首先创建#菜单
,然后添加类
,然后附加到父div,如下所示
var menuDiv = "<div id='menu'></div>";
menuDiv = $(menuDiv).addClass("oriz_menu");
$("div#parent").append(menuDiv);
alert($("#menu").css("border-top-width"));
var menuDiv=”“;
menuDiv=$(menuDiv).addClass(“oriz_菜单”);
$(“div#parent”).append(menuDiv);
警报($(“#菜单”).css(“边框顶部宽度”);
检查此是否与答案混淆
HTML
答案有点含糊不清
HTML
- 在javascript中
- 在css中
- 在javascript中
- 在css中
撇开您的问题不谈,为什么需要检索此值?不确定是否相关,但您的选择器不匹配?在css中有.oriz_菜单,但在您的问题中有#菜单我的浏览器返回3px->@Godinall#菜单元素也有.oriz_菜单类请提供
html
部分,除了您的问题,为什么需要检索此值?不确定是否相关,但您的选择器不匹配?在你的css中你有.oriz_菜单,但在你的问题中你有#菜单我的浏览器返回3px->@Godinall#菜单元素也有.oriz_菜单类请提供html
部分#菜单是一个ID不是一个类请提供html和css,我会尝试修复它#菜单是一个ID而不是类请提供html和css,我会尝试修复它复制并粘贴您的代码。。我收到警报:0px您是否在HTML
中有id为parent
的div,只有在该代码有效时才有。是的,我已将id更改为parent。。我真的不知道怎么了。。JSFIDLE工作模式请您提供完整的脚本它现在可以工作了。。我在记录css之后添加了这个类。。谢谢复制并粘贴了您的代码。。我收到警报:0px您是否在HTML
中有id为parent
的div,只有在该代码有效时才有。是的,我已将id更改为parent。。我真的不知道怎么了。。JSFIDLE工作模式请您提供完整的脚本它现在可以工作了。。我在记录css之后添加了这个类。。谢谢
$("#menu").addClass("oriz_menu");
alert(
$("#menu").css("border-top-width")
);