草庐IT

menu_styles

全部标签

javascript - 未捕获的类型错误 : Cannot set property style of#<HTMLElement> which has only a getter

以下代码在Chrome、Safari中失败,在Firefox中运行良好"usestrict";document.body.style="background-color:green;";backgroundshouldbegreen删除“usingstrict”,它起作用了。这是Chrome和Safari中的错误还是Firefox中的错误?MDNsayssettingthestyleisvalid. 最佳答案 问题并非所有浏览器都支持将包含CSS声明block文本表示的字符串分配给style属性。element.style=styl

javascript - 以编程方式更改 body.style.overflowY 或 X

我正在尝试通过JavaScript函数将正文overflowY更改为"hidden"。我已经尝试了以下两种方法:document.body.style['overflow-y']='hidden';document.body.style.overflowY="hidden";在这两种情况下它都不起作用。然而,在这两种情况下,仅使用不带X或Y的overflow都可以正常工作!有没有办法只改变overflowY或overflowX属性? 最佳答案 这两种情况都应该适用于所有当前的浏览器。我刚刚测试了Firefox4、Chrome11和I

javascript - &lt;style type ="text/javascript"> 有什么用处吗?

这个有什么用处和用途,有用吗? 最佳答案 它用于“JSSS”或Javascript样式表;参见here获取更多信息。它是非标准的,并且在Netscape的原始提案之外从未真正流行过,您可以阅读here。我不认为今天的大多数浏览器都支持这个;我当然从未见过使用它的网站。 关于javascript-<styletype="text/javascript">有什么用处吗?,我们在StackOverflow上找到一个类似的问题: https://stackove

javascript - TinyMCE 使用 <div align ="center"> 而不是 <div style ="text-align: center">?

我使用的是TinyMCE3.2.5,默认情况下,当您单击居中对齐按钮时,它使用内联样式.我想使用tinyMCE而不是内联样式。我知道在配置中设置inline_styles:false是有效的。但我想对除对齐以外的所有内容使用内联样式。我将如何改变它? 最佳答案 tinyMCE.init({...'formats':{'alignleft':{'selector':'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img',attributes:{"align":'left'}},'align

Javascript 无法通过 element.style.maxHeight 获取元素的最大高度

这个问题在这里已经有了答案:HowtogetanHTMLelement'sstylevaluesinJavaScript?(5个答案)关闭7年前。我正在用javascript制作一个简单的Accordion菜单。我希望能够通过cssmax-height和min-height值设置元素的紧凑高度和扩展高度。出于某种原因,当我尝试检索javascript中元素的最小高度和最大高度以用于动画目的时,我得到一个空字符串,而不是像它应该的那样,例如“500px”。最大高度值在css中设置,例如#id{最小高度:40px;最大高度:500px;都设置好了,但是当我在我的javascript中放置一

javascript - document.getElementById(...).setAttribute ('style' ,... 在 Internet Explorer 中不起作用

这个问题在这里已经有了答案:setAttributeisnotworkingfor'style'attributeonIE(6个答案)关闭8年前。document.getElementById(...).setAttribute('style',...在InternetExplorer7.0中不工作。我怎样才能在InternetExplorer中工作?varmyarray=newArray(3);for(i=0;iold

javascript - 找不到模块 : Can't resolve 'style'

我正在尝试使用sass配置css模块。我遵循了一些教程,但似乎都没有用。webpack配置主要由create-react-scripts创建。我似乎收到此错误“找不到模块:无法解析‘样式’”任何帮助都会很棒。该错误似乎是在我下面的Modal.js文件中的导入语句中生成的。(从“../css/modal.scss”导入样式;)我已经安装了sass加载器。我的package.json文件可以在下面找到。webpack.config.dev.js:'usestrict';constautoprefixer=require('autoprefixer');constpath=require('

javascript - jQuery(事件): watch element style

假设有这样的元素WatchMePlease我们可以看到上面样式的元素是display:none,我如何制作脚本来观察这个元素。当该元素样式更改为display:block时,将触发一些代码。非常感谢... 最佳答案 据我所知,唯一的方法就是使用计时器。我创建了一个小的jQuery插件(是的,就在这里,现在),它针对jQuery集执行此操作:编辑这个插件现在在GitHub上:https://github.com/jacobrelkin/jquery-watcher$.fn.watch=function(property,callbac

javascript - Bourbon Refill Navigation Menu 在点击时向上滑动

我正在使用BourbonRefill导航菜单,我想对其进行修改,以便当在小模式下单击链接时,菜单会向上滑动。目前菜单会下拉,但是当单击菜单项时,菜单会保持下拉状态。由于我使用带有固定顶部菜单的页面滚动,这意味着很多内容隐藏在菜单后面。这是Codepen上的代码:http://codepen.io/mikehdesign/pen/LVjbPv/我现有的代码如下:HTMLMenuAboutUsContactTestimonialsSignupSCSS.navigation{$large-screen:em(860)!default;$large-screen:$large-screen;/

javascript - 火狐插件 : adding icon to context menu

我正在尝试构建一个firefox插件,我想在右键单击内容菜单中添加图像/图标,例如,firebug在右键单击上下文菜单中有一个图标,我想做类似的事情,我的插件也包含菜单项我的插件在上下文菜单中的结构:[icon][menu][menuitem1][menuitem2][menuitem3][menuitem4]我该怎么做? 最佳答案 您必须设置imageattribute,给元素classmenu-iconic并存储图像以便您可以访问它。XUL:...JavaScript:您还可以动态设置或更改图像(首先获取对元素的引用):menu