2024-05-16 06:02:55 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<script src="../include.js"></script>
|
|
|
|
|
<script>
|
2024-07-16 12:08:34 +01:00
|
|
|
function relListTest(tagName, element) {
|
2024-05-16 06:02:55 +01:00
|
|
|
const relList = element.relList;
|
|
|
|
|
println(`${tagName}.relList initial length: ${relList.length}`);
|
|
|
|
|
println(`${tagName}.relList always returns the same value: ${relList === element.relList}`);
|
|
|
|
|
element.rel = "whatever";
|
|
|
|
|
println(`${tagName}.relList for after setting rel to "whatever": ${relList}`);
|
|
|
|
|
element.relList = "prefetch";
|
|
|
|
|
println(`${tagName}.relList for after setting rel to "prefetch": ${relList}`);
|
|
|
|
|
println(`${tagName}.relList contains "prefetch": ${relList.contains("prefetch")}`);
|
|
|
|
|
println(`${tagName}.relList contains "whatever": ${relList.contains("whatever")}`);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
test(() => {
|
|
|
|
|
const tagNamesToTest = [
|
|
|
|
|
"a",
|
2024-05-16 06:02:56 +01:00
|
|
|
"area",
|
2024-05-16 06:02:56 +01:00
|
|
|
"form",
|
2024-05-16 06:02:56 +01:00
|
|
|
"link",
|
2024-05-16 06:02:55 +01:00
|
|
|
];
|
2024-07-16 12:08:34 +01:00
|
|
|
const svgTagNamesToTest = [
|
|
|
|
|
"a",
|
|
|
|
|
];
|
2024-05-16 06:02:55 +01:00
|
|
|
|
|
|
|
|
for (const tagName of tagNamesToTest) {
|
2024-07-16 12:08:34 +01:00
|
|
|
const element = document.createElement(tagName);
|
|
|
|
|
relListTest(tagName, element);
|
|
|
|
|
}
|
|
|
|
|
for (const tagName of svgTagNamesToTest) {
|
|
|
|
|
const element = document.createElementNS("http://www.w3.org/2000/svg", tagName);
|
|
|
|
|
relListTest(`svg.${tagName}`, element);
|
2024-05-16 06:02:55 +01:00
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
</script>
|
