append和appendchild的区别,代码示例一下
时间: 2023-05-21 12:01:12 浏览: 83
append和appendChild都是DOM操作中用于向父元素添加子元素的方法,但是它们的使用方式略有不同。
append方法可以接收多个参数,每个参数都可以是一个字符串或一个DOM节点对象,它会将所有参数依次添加到父元素的子元素列表末尾。
代码示例:
```
var parent = document.getElementById("parent");
parent.append("child1", "child2", "child3");
```
上面的代码会将三个字符串依次添加到parent元素的子元素列表末尾。
appendChild方法只接收一个参数,该参数必须是一个DOM节点对象,它会将该节点添加到父元素的子元素列表末尾。
代码示例:
```
var parent = document.getElementById("parent");
var child = document.createElement("div");
parent.appendChild(child);
```
上面的代码会创建一个div节点并将其添加到parent元素的子元素列表末尾。
需要注意的是,如果要将一个已经存在于文档中的节点添加到另一个元素中,应该使用appendChild方法,而不是append方法。因为append方法会将该节点从原来的位置移动到新的位置,可能会导致一些意外的问题。
相关问题
java doc文件转xml并生成文件兼容特殊符号代码示例
以下是一个示例代码,可以将JavaDoc转换为XML,并且可以处理特殊字符:
```java
import java.io.BufferedReader;
import java.io.File;
import java.io.FileReader;
import java.io.FileWriter;
import java.io.IOException;
import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.parsers.ParserConfigurationException;
import org.w3c.dom.Document;
import org.w3c.dom.Element;
import org.w3c.dom.Node;
import org.w3c.dom.NodeList;
import org.xml.sax.SAXException;
public class JavaDocToXmlConverter {
public static void main(String[] args) throws ParserConfigurationException, SAXException, IOException {
// read the input file
File inputFile = new File("input.html");
BufferedReader reader = new BufferedReader(new FileReader(inputFile));
StringBuilder sb = new StringBuilder();
String line;
while ((line = reader.readLine()) != null) {
sb.append(line);
}
reader.close();
// replace special characters
String input = sb.toString();
input = input.replaceAll("&", "&");
input = input.replaceAll("<", "<");
input = input.replaceAll(">", ">");
input = input.replaceAll("'", "'");
input = input.replaceAll("\"", """);
// convert to xml
DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
DocumentBuilder builder = factory.newDocumentBuilder();
Document doc = builder.newDocument();
Element root = doc.createElement("javadoc");
doc.appendChild(root);
Element body = doc.createElement("body");
root.appendChild(body);
body.appendChild(doc.createCDATASection(input));
// write output file
FileWriter writer = new FileWriter("output.xml");
writer.write(docToString(doc));
writer.close();
}
private static String docToString(Document doc) {
String result = "";
try {
TransformerFactory tf = TransformerFactory.newInstance();
Transformer transformer = tf.newTransformer();
transformer.setOutputProperty(OutputKeys.OMIT_XML_DECLARATION, "yes");
StringWriter writer = new StringWriter();
transformer.transform(new DOMSource(doc), new StreamResult(writer));
result = writer.getBuffer().toString();
} catch (TransformerException ex) {
ex.printStackTrace();
}
return result;
}
}
```
该代码使用Java自带的XML DOM库,将JavaDoc文档解析为XML,并将特殊字符转换为XML实体。输出的XML文件中包含CDATA部分,其中包含原始的JavaDoc文本。最后,将XML文档转换为字符串,并将其写入输出文件。
js append方法
JavaScript中的append方法是用于向一个元素的末尾添加一个或多个新元素。它可以用于向DOM文档中添加新元素。
示例代码:
```javascript
// 创建一个新的p元素
var newP = document.createElement('p');
// 添加文本内容
newP.innerText = 'Hello World!';
// 获取父元素
var parent = document.getElementById('parent');
// 将新元素添加到父元素的末尾
parent.appendChild(newP);
```
这样就会在id为parent的元素末尾添加一个新的p元素,并且p元素中的文本内容为'Hello World!'。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)