使用dom事件向class为drawing_page的div标签中添加子标签div

可以使用以下代码向class为drawing_page的div标签中添加子标签div：

// 获取class为drawing_page的div元素
const drawingPage = document.querySelector('.drawing_page');

// 创建一个新的div元素
const newDiv = document.createElement('div');

// 将新的div元素添加为drawingPage的子元素
drawingPage.appendChild(newDiv);

这样就可以向drawing_page的div标签中添加子标签div了。如果需要对新添加的div元素进行进一步操作，可以在创建新元素后设置其属性或添加内容，例如：

// 设置新的div元素的class属性
newDiv.classList.add('new_div');

// 向新的div元素中添加文本内容
newDiv.textContent = '这是新添加的div元素';

相关问题

easyui动态添加div标签添加事件

你可以使用jQuery来动态添加div标签，并且给它们添加事件。可以按照以下步骤进行：

1. 创建一个div元素，并使用jQuery来设置其属性和内容：

var newDiv = $('<div>').attr('id', 'newDivId').text('New Div Content');

2. 将新创建的div元素添加到DOM中：

$('body').append(newDiv);

3. 添加事件监听器。例如，如果要在单击时执行某个函数，可以使用以下代码：

newDiv.click(function() {
  // 执行某个函数
});

完整的代码示例：

var newDiv = $('<div>').attr('id', 'newDivId').text('New Div Content');
$('body').append(newDiv);
newDiv.click(function() {
  // 执行某个函数
});

使用js在div中改变p标签的宽高

可以使用JavaScript中的DOM操作来改变p标签的宽高，具体代码如下：

HTML代码：

<div id="myDiv">
  <p id="myParagraph">这是一个段落</p>
</div>

JavaScript代码：

// 获取p标签元素
var paragraph = document.getElementById("myParagraph");

// 改变p标签的宽高
paragraph.style.width = "200px";
paragraph.style.height = "100px";

上面的代码将p标签的宽设置为200像素，高设置为100像素。你可以根据需要修改这些值。