nameditem-06.html (4662B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>Named items: imgs</title> 4 <link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com"> 5 <link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-document-nameditem"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <div id="log"></div> 9 <div id="test"> 10 <img name=test1> 11 12 <img name=test2> 13 <img name=test2> 14 15 <img id=test3> 16 17 <img id=test4> 18 <img id=test4 name=""> 19 20 <img name=test5> 21 <img id=test5> 22 23 <img id=test6> 24 <img name=test6> 25 26 <img name="test7"> 27 28 <img> 29 30 <img name="test9"> 31 </div> 32 <script> 33 test(function() { 34 var img = document.getElementsByTagName("img")[0]; 35 assert_equals(img.name, "test1"); 36 37 assert_true("test1" in document, '"test1" in document should be true'); 38 assert_equals(document.test1, img); 39 }, "If there is one img, it should be returned (name)"); 40 41 test(function() { 42 var img1 = document.getElementsByTagName("img")[1]; 43 assert_equals(img1.name, "test2"); 44 var img2 = document.getElementsByTagName("img")[2]; 45 assert_equals(img2.name, "test2"); 46 47 assert_true("test2" in document, '"test2" in document should be true'); 48 var collection = document.test2; 49 assert_class_string(collection, "HTMLCollection", "collection should be an HTMLCollection"); 50 assert_array_equals(collection, [img1, img2]); 51 }, "If there are two imgs, a collection should be returned. (name)"); 52 53 test(function() { 54 var img = document.getElementsByTagName("img")[3]; 55 assert_equals(img.id, "test3"); 56 57 assert_false("test3" in document, '"test3" in document should be false'); 58 assert_equals(document.test3, undefined); 59 }, "If there is one img, it should not be returned (id)"); 60 61 test(function() { 62 var img1 = document.getElementsByTagName("img")[4]; 63 assert_equals(img1.id, "test4"); 64 var img2 = document.getElementsByTagName("img")[5]; 65 assert_equals(img2.id, "test4"); 66 67 assert_false("test4" in document, '"test4" in document should be false'); 68 assert_equals(document.test4, undefined); 69 }, "If there are two imgs, nothing should be returned. (id)"); 70 71 test(function() { 72 var img1 = document.getElementsByTagName("img")[6]; 73 assert_equals(img1.name, "test5"); 74 var img2 = document.getElementsByTagName("img")[7]; 75 assert_equals(img2.id, "test5"); 76 77 assert_true("test5" in document, '"test5" in document should be true'); 78 assert_equals(document.test5, img1); 79 }, "If there are two imgs, the one with a name should be returned. (name and id)"); 80 81 test(function() { 82 var img1 = document.getElementsByTagName("img")[8]; 83 assert_equals(img1.id, "test6"); 84 var img2 = document.getElementsByTagName("img")[9]; 85 assert_equals(img2.name, "test6"); 86 87 assert_true("test6" in document, '"test6" in document should be true'); 88 assert_equals(document.test6, img2); 89 }, "If there are two imgs, the one with a name should be returned. (id and name)"); 90 91 test(function() { 92 var img = document.getElementsByTagName("img")[10]; 93 assert_equals(img.name, "test7"); 94 95 assert_true("test7" in document, 'test7 in document should be true'); 96 assert_equals(document["test7"], img); 97 assert_equals(document.test7, img); 98 99 img.removeAttribute("name"); 100 assert_false("test7" in document, 'test7 in document should be false'); 101 assert_equals(document["test7"], undefined); 102 assert_equals(document.test7, undefined); 103 }, "Dynamically removing the name attribute from img elements, should not be accessible."); 104 105 test(function() { 106 var img = document.getElementsByTagName("img")[11]; 107 img.setAttribute("name", "test8a"); 108 109 assert_true("test8a" in document, 'test8a in document should be true'); 110 assert_equals(document["test8a"], img); 111 assert_equals(document.test8a, img); 112 113 img.setAttribute("name", "test8b"); 114 assert_false("test8a" in document, 'test8a in document should be false'); 115 assert_equals(document["test8a"], undefined); 116 assert_equals(document.test8a, undefined); 117 assert_true("test8b" in document, 'test8b in document should be true'); 118 assert_equals(document["test8b"], img); 119 assert_equals(document.test8b, img); 120 }, "Dynamically updating the name attribute from img elements, should be accessible by its name."); 121 122 test(function() { 123 var img = document.getElementsByTagName("img")[12]; 124 assert_equals(img.name, "test9"); 125 126 assert_true("test9" in document, 'test9 in document should be true'); 127 assert_equals(document["test9"], img); 128 assert_equals(document.test9, img); 129 130 img.remove(); 131 assert_false("test9" in document, 'test9 in document should be false'); 132 assert_equals(document["test9"], undefined); 133 assert_equals(document.test9, undefined); 134 }, "img elements that is removed, should not be accessible."); 135 </script>