草庐IT

text_style

全部标签

javascript - TypeError : $(. ..).style is undefined - 错误还是我的错?

我一开始只想改变一个元素的背景,但后来遇到了这个:TypeError:$(...).styleisundefined(在Firefox控制台中)HTML:LauraSack-OffizielleWebseiteJavascript:$(document).ready(function(){$("#gallery-container").style.background="black";}); 最佳答案 您正在将javascript与jquery混合使用。在jquery中你必须使用css()让它像这样工作:$("#gallery-co

javascript - 如何防止表单重置清除我的 <input type ="text"> 元素?

如果我在页面上放置一个已经设置了值的表单控件,触发包含表单的重置功能会将值返回到页面加载时的原始值。但是,如果我使用javascript创建一个表单控件,并将其附加到DOM,则在重置表单时表单控件将被删除并变为空白。我怎样才能防止这种行为?我想给输入一个默认值,这样它就会像页面加载时页面上的控件一样被处理。在以下示例中,单击“重置”会清除一个输入(脚本添加的输入),但不会清除另一个(静态输入)。我想要的是两个输入都保留其值(value)。window.onload=function(){varinput=document.createElement('input');input.set

javascript - jQuery UI 可选 : How to get marching ants style lasso to show up?

我刚刚开始在我的应用程序中注入(inject)一些jqueryUI优点,并且正在努力解决一个相当小的问题。我有可选择的插件工作,但我似乎可以在拖动以选择多个时显示套索选取框。jqueryUI站点上的工作示例:http://jqueryui.com/demos/selectable/#default我的尝试:http://jsbin.com/amare5/2/edit使用的代码是jqueryUI站点示例的精确副本。我错过了什么? 最佳答案 成功了!谢谢@mattball!无需导入整个样式表,您只需要这个block:.ui-select

javascript - style.visibility 和 style.display 的区别

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicate:Whatisthedifferencebetweenvisibility:hiddenanddisplay:none我正在查看使用JavaScript隐藏/显示div标签的示例。在某些示例中,他们使用visibility,在某些示例中使用display。例如document.getElementById("divhotel").style.visibility="hidden";对比document.getElementById("divhotel").style.display="none";两者有什么区别

javascript - 使用 webpack、bookmarklet-loader、style 和 css-loader 创建书签

我正在尝试使用bookmarklet-loader创建一个小书签以及样式加载器和css加载器。但是我在将css导入我的小书签时遇到了问题。这是我的webpack.config.js:constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constCleanWebpackPlugin=require('clean-webpack-plugin');module.exports={entry:{index:'./src/index.js',bookmarklet:'./src/book

javascript - .previousSibling 总是先返回父节点的 Text 节点吗?

我一直在使用nativeDOM方法(我知道,对吗?)并且我有这样的结构:我在上使用onClick标签,并希望从输入中检索值。在Chrome/OSX上,类似于this.previousSibling.previousSibling.value会很好用。我加倍了,因为第一个.previousSibling返回的Textnode,以及之前的另一个获取我想要的输入。我的问题是:.previousSibling如果存在,总是返回父节点的文本节点?谢谢!编辑/解决方案我的hacky解决方案是(跨浏览器)以确保我得到正确的元素,如下所示:varel=this;while(el.nodeType==3

javascript - window.clipboardData.getData ("Text") 在 chrome 中不起作用

我有这个javascript函数:functionmaxLengthPaste(field,maxChars){event.returnValue=false;if((field.value.length+window.clipboardData.getData("Text").length)>maxChars){field.value=field.value+window.clipboardData.getData("Text").substring(0,maxChars-field.value.length);returnfalse;}event.returnValue=true;

javascript - 我什至无法让 $().text 正常工作。反而输出一大串代码

我已经设置了一个测试,因此我可以开始在cakePHP环境中使用jQuery,但我还没开始就遇到了问题。我也有TwitterBootstrap,但是当我遇到这个问题时,我关闭了所有功能以确保不是那个问题。它不是。我正在Chrome和Waterfox中对此进行测试。当我尝试$('#test').html('Hello');时,我什么也没得到。所以我尝试使用以下方法提醒一些事情:$(document).ready(function(){$('#test').click(function(){alert($('#test').text);});});和testspan这给了我结果:functi

javascript - 是否可以将 var styles = StyleSheet.create 从 React.component 分离到不同的脚本中?

是否可以在ReactNative中将varstyles=StyleSheet.create从React.component分离到不同的脚本中? 最佳答案 这是可能的。只需使用此模式创建一个js文件:'usestrict';varReact=require('react-native');varmyStyles=React.StyleSheet.create({style1:{},style2:{})}module.exports=myStyles;然后在您的组件js中使用require来使用该样式表,例如假设你的样式js文件被命名为

javascript - React Styled Components - 如何访问原始 html

我有一个组件的引用,我正在将其转换为styledcomponent在我的应用程序中。ref用于访问组件的原始html元素上的offsetHeight和scrollHeight属性。将此组件切换为样式化组件后,ref现在指向样式化组件而不是原始html元素,我不确定如何引用基本元素。这能做到吗?例子:constTextArea=styled.textarea`display:block;margin:00018%;padding:4px6px;width:64%;font-size:1rem;color:#111;`;exportdefaultclassInputextendsCompo