Source code

Revision control

Copy as Markdown

Other Tools

Test Info: Warnings

<!DOCTYPE html>
<meta charset="utf-8" />
<title>HTML partial updates - declarative replace-children</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="container" marker="placeholder">
<?start name="placeholder">
<div marker="p">
Old content
</div>
<?end name="placeholder">
</div>
<template for="placeholder"><p id="stuff">New content</p></template>
<script>
test(() => {
const { firstElementChild } = document.getElementById("container");
assert_equals(firstElementChild.id, "stuff", "id");
assert_equals(firstElementChild.textContent, "New content");
}, "<template for> replace children with element");
</script>