将Mootools 1.3元素添加到文档正文,可以使用以下方法:
Element
类创建一个新元素,并设置其属性和样式:var newElement = new Element('div', {
'class': 'my-element',
styles: {
'width': '100px',
'height': '100px',
'background-color': 'red'
},
html: '这是一个新元素'
});
inject
方法将新元素添加到文档正文中:newElement.inject(document.body);
完整的示例代码如下:
<!DOCTYPE html>
<html>
<head>
<title>Mootools 1.3 添加元素示例</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mootools/1.3.0/mootools-yui-compressed.js"></script>
</head>
<body>
<script>
var newElement = new Element('div', {
'class': 'my-element',
styles: {
'width': '100px',
'height': '100px',
'background-color': 'red'
},
html: '这是一个新元素'
});
newElement.inject(document.body);
</script>
</body>
</html>
这样,一个新的元素就被添加到了文档正文中。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云