lang-xmllang-01.html (2174B)
1 <!DOCTYPE html> 2 <title>Languages</title> 3 <link rel="match" href="lang-xmllang-01-ref.html"> 4 <link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com"> 5 <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-lang-and-xml:lang-attributes"> 6 <link rel="help" href="http://www.w3.org/TR/CSS2/selector.html#lang"> 7 <meta name="flags" content="css21"> 8 <style> 9 #test #a :lang(en) { background: limegreen; } 10 #test #b :lang(nl) { background: limegreen; } 11 #test #c :lang(en) { background: limegreen; } 12 #test #d :lang(nl) { background: limegreen; } 13 #test #e :lang(en) { background: limegreen; } 14 #test #f :lang(en) { background: limegreen; } 15 #test #g :lang(de) { background: limegreen; } 16 </style> 17 <body> 18 <p>All lines below should have a green background.</p> 19 <div id="test" lang="nl"> 20 <div id="a"><p lang="en">{}{lang}{en}</p></div> 21 <div id="b"><p xml:lang="en">{}{xml:lang}{en}</p></div> 22 <div id="c"><div lang="en"><p>Parent: {}{lang}{en}</p></div></div> 23 <div id="d"><div xml:lang="en"><p>Parent: {}{xml:lang}{en}</p></div></div> 24 </div> 25 <script> 26 try { 27 var XML = "http://www.w3.org/XML/1998/namespace"; 28 var container = document.getElementById("test"); 29 30 var div = document.createElement("div"); 31 div.id = "e"; 32 var testNode = document.createElement("p"); 33 testNode.appendChild(document.createTextNode("{xml}{lang}{en}")); 34 testNode.setAttributeNS(XML, "xml:lang", "en"); 35 div.appendChild(testNode); 36 container.appendChild(div); 37 38 div = document.createElement("div"); 39 div.id = "f"; 40 testNode = document.createElement("p"); 41 testNode.appendChild(document.createTextNode("{xml}{lang}{en} - {lang}{de}")); 42 testNode.setAttributeNS(XML, "xml:lang", "en"); 43 testNode.setAttributeNS(null, "lang", "de"); 44 div.appendChild(testNode); 45 container.appendChild(div); 46 47 div = document.createElement("div"); 48 div.id = "g"; 49 testNode = document.createElement("p"); 50 testNode.appendChild(document.createTextNode("{xml}{lang}{de} - {lang}{en}")); 51 testNode.setAttributeNS(XML, "xml:lang", "de"); 52 testNode.setAttributeNS(null, "lang", "en"); 53 container.appendChild(testNode); 54 div.appendChild(testNode); 55 container.appendChild(div); 56 } catch (e) { 57 } 58 </script>