使用js在div中添加一个p标签并写入文字

可以使用以下代码实现：

// 获取要添加p标签的div元素
const myDiv = document.getElementById('myDiv');

// 创建p标签
const myP = document.createElement('p');

// 设置p标签的文本内容
myP.textContent = '这是一个新的段落。';

// 将p标签添加到div元素中
myDiv.appendChild(myP);

其中，`getElementById()` 方法用于获取指定id的元素，`createElement()` 方法用于创建新的元素，`textContent` 属性用于设置元素的文本内容，`appendChild()` 方法用于将新创建的p标签添加到指定的div元素中。

相关问题

div中已有两个p标签，js实现在div中最前面添加一个p标签

可以通过以下代码实现：

// 获取div元素
const div = document.querySelector('div');

// 创建一个新的p标签
const newP = document.createElement('p');

// 在新p标签中添加文本内容
newP.textContent = '这是新添加的段落';

// 将新p标签添加到div元素的最前面
div.insertBefore(newP, div.firstChild);

这段代码将在指定的div元素中创建一个新的p标签，并将其添加到div元素的最前面。

使用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像素。你可以根据需要修改这些值。