0

我们使用以下代码片段在插件中创建div元素。JavaScript

代码片段：

var temp = document.createElement('div');

但我无法将样式应用于此 div。您能否对此进行任何调查并为以下事项提供建议。这对我们很有帮助。

  • 如何为创建的 div 添加类？
  • 如何将样式应用于特定的 div？
  • 如何为该 div 调用 onscroll 事件？
4

5 回答 5

1

尝试这个：

var temp = document.createElement('div');
temp.className = "yourclass";
temp.style.cssText = 'width:100px; height:100px'; //example
temp.onscroll = function() 
{ 
 alert('on scroll');
};

演示

于 2013-10-22T08:46:01.753 回答
0

[编辑] 这是一个工作小提琴：http: //jsfiddle.net/NHBr2/

您现在已经在您的临时变量中创建了“div”。为了设置样式，请使用此代码。

内联样式：

temp.setAttributes('style','width:100px;');

添加一个类：

temp.setAttributes('class','myClass');

添加标识：

temp.setAttributes('id','MyID');

添加一个事件：

temp.setAttributes('OnMouseWheel','myFunction(e);');
于 2013-10-22T08:50:16.977 回答
0

尝试这个

var ele = document.createElement('div')
var id = 'temp'
ele.setAttribute('id', id)

导致

<div id="temp"></div>
于 2013-10-22T08:52:18.707 回答
0

尝试这个

var temp = document.createElement('div');   
temp.setAttribute('class', 'someClassName');
temp.setAttribute('Id', 'MyDiv');

您可以设置任何 css 属性来分配在本例中为“someClassName”的类，类似地，您可以调用任何针对分配的 Id 的函数，即“myDiv”

希望这可以帮助

于 2013-10-22T09:10:26.483 回答
0

我建议你看一下 JavaScript 的基础知识，以了解它的功能。

如果您看一下 JavaScript 的小型初学者教程，您会学到您所要求的大部分内容。它们非常非常基本，应该搜索，而不是在 stackoverflow 上询问。只需像这样使用谷歌。没那么难吧？

但是，这里是您问题的答案。我知道有几种方法可以做某些事情。以下代码片段应该适用于所有常见的浏览器。

添加一个类

要设置元素的类，可以使用setAttribute方法。

temp.setAttribute("class", "myclass");

应用样式

每个元素都有一个style属性，你可以用它来改变任何你可以用 CSS 改变的东西。

temp.style.backgroundColor = "#000000";
temp.style.color = "#FFFFFF";
temp.style.fontSize = "24pt";

监听事件

您可以使用onsomething属性或attachEvent（Internet Explorer）和addEventListener（其他浏览器）将事件侦听器添加到元素。

方法 1 - onsomething 属性：

使用onscroll元素的属性，您可以一次应用一个事件侦听器。这是最简单的方法，所有浏览器都支持。

temp.onscroll = function(e) {
    // Do something
};

方法 2 - attachEvent 和 addEventListener：

使用addEventListener，您可以根据需要应用多个事件侦听器。大多数时候，这是首选方式。旧版本的 Internet Explorer 不支持addEventlistener，因此您必须attachEvent在这种情况下使用。

// Check if the browser supports addEventListener
if (temp.addEventListener) {
    // If it does support addEventListener, use it
    temp.addEventListener("scroll", onScroll);
} else if (temp.attachEvent) {
    // If it does not support addEventListener, use attachEvent instead
    temp.attachEvent("onScroll", onScroll);
}

function onScroll(event) {
    // Do something
}
于 2013-10-22T09:03:52.263 回答