`
strangeromo
  • 浏览: 64552 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

setStyle() throwing errors in IE when object does not exist

阅读更多

Kickboy wrote:
> I'm trying to set the style of elements that are created through
> document.createElement() using the setStyle() function. Looks
> something like this:
>
> var newdiv = document.createElement('div');
> newdiv.setStyle({
>   position: 'relative',
>   width: '100px'
>   ...
> });

Try this:

var newdiv = Element.extend(document.createElement('div'));
newdiv.setStyle({
  position: 'relative',
  width: '100px'
  ...
});

 
IE doesn't automatically extend new elements based on their Javascript prototype
even though it should since that's what prototype programming means. But oh
well.

 

Yes, IE doesn't support native prototypes for DOM stuff - only for core
JavaScript stuff like Array, Object, Function etc.

 

转自:http://www.mail-archive.com/prototype-core@googlegroups.com/msg00764.html

分享到:
评论

相关推荐

    SetStyle:设置CSS属性不会感到惊讶

    for (let property in styleObject) { if (styleObject.hasOwnProperty(property)) { newStyle += `${property}: ${styleObject[property]}; `; } } element.setAttribute('style', currentStyle + newStyle....

    JS遍历页面所有对象属性及实现方法

    for (prop in myObject) { document.write("属性 '" + prop + "' 为 " + myObject[prop]); document.write(" "); } ``` 这段代码会依次输出对象`myObject`的所有可枚举属性及其对应的值,对于理解对象结构非常...

    Office或IE4风格的ToolBar...

    ### Office或IE4风格的ToolBar实现方法 #### 知识点概述 本篇文章将详细介绍如何在Visual Basic(VB)环境中创建具有Office 97或Internet Explorer 4 (IE4) 风格的工具栏(ToolBar)。通过使用特定的API函数和控件...

    精彩编程与编程技巧-Office或IE4风格的ToolBar...

    #### 一、Office或IE4风格的ToolBar实现原理及应用 在Windows编程领域,工具栏(ToolBar)是用户界面中一个非常重要的组成部分,它能够为用户提供快捷的操作方式,提高应用程序的易用性。本文将详细介绍如何在...

    十二个非常有用的Flex函数Source In Flex

    for (var i: Object in ac) { bar.addItem(i); } ``` 这种方法通过遍历原始的`ArrayCollection`并将其每一项添加到新的`ArrayCollection`中来实现克隆。虽然简单,但效率可能不是最高。 **方法2**: 使用`...

    Qt_build_in_icons.zip

    2. **设置风格**:如果你的应用支持多种风格,可以通过`QApplication::setStyle`来切换风格,查看不同风格下的图标效果。 3. **使用图标**:加载图标后,可以在QPushButton、QAction、QMenu等组件中使用。例如,将...

    显示js对象所有属性和方法的函数

    for (prop in myObject) { document.write("属性 '" + prop + "' 为 " + myObject[prop]); document.write(" "); } ``` 在这个例子中,我们创建了一个名为`myObject`的对象,并设置了三个属性。然后使用`for.....

    QT_QWT类使用方法总结

    ### QT_QWT类使用方法总结 #### 一、前言 在进行图形用户界面(GUI)开发时,尤其是涉及到数据可视化领域,QT结合QWT库提供了强大的工具支持。本文将重点介绍QT_QWT类的基本使用方法,特别是针对图表放大与缩小、...

    flcss:尝试CSS-in-JS

    添加了setStyle()来设置任何选择器的样式。 创建样式后,添加了updateStyle()来更新样式。 v2.0.0中的重大更改 createAnimation()关键帧已更改为使用诸如createStyle()类的对象,而不是使用很长的字符串(因为它是...

    C# ListView 支持分组时拖拉排序的控件

    SetStyle(ControlStyles.DoubleBuffer | ControlStyles.OptimizedDoubleBuffer | ControlStyles.AllPaintingInWmPaint, true); UpdateStyles(); this.MultiSelect = false; this.ListViewItemSorter = new ...

    jsp网上投票系统myeclipse开发

    * This method is called when a form has its tag value method equals to post. * * @param request the request send by the client to the server * @param response the response send by the server ...

    纯代码绘制漂亮特效动画按钮

    Private Sub DSButton_MouseClick(ByVal sender As Object, ByVal e As System.Windows.Forms.MouseEventArgs) Handles Me.MouseClick End Sub Private Sub DSButton_MouseDown(ByVal sender As Object, ByVal e...

    flash action script 经典字典教程大全,学flash必备

    for..in for..in fps Camera.fps fromCharCode String.fromCharCode() fscommand fscommand() function function、Function 类 gain Microphone.gain ge ge(大于或等于 - 字符串专用) get Camera....

    prototype手册

    **Element对象**:Prototype定义了一系列与DOM元素相关的辅助方法,如`Element.extend()`, `Element.hide()`, `Element.show()`, `Element.toggle()`, `Element.setStyle()`等,它们直接操作DOM元素,极大地提高了...

    C#双缓冲实现方法(可防止闪屏)

    1. **开启双缓冲**:在窗体或控件初始化时,可以通过`SetStyle`方法设置控件样式,启用双缓冲。如下所示: ```csharp this.SetStyle(ControlStyles.AllPaintingInWmPaint, true); this.SetStyle(ControlStyles....

    DOM 模型和 Prototype

    此外,Prototype还提供了许多其他实用的方法,如`Element.extend`用于扩展DOM元素,`Element.hide`和`Element.show`控制元素的可见性,`Element.update`用于替换元素的内容,以及`Element.setStyle`和`Element....

    javascript自执行函数之伪命名空间封装法.docx

    window.mySpace.setStyle = _setStyle; })(); ``` 2. **外部调用**: ```javascript window.onload = function() { // 调用封装在mySpace命名空间下的_setStyle方法 window.mySpace.setStyle("test", "color...

Global site tag (gtag.js) - Google Analytics