JavaScript Dokumentation

  1. Statements
  2. Global Objects
  3. Math Funktionen
  4. Object
  5. Array Funktionen
  6. String Funktionen
  7. Datum Funktionen
  8. Number Funktionen
  9. Iterator
  10. Console
  11. CSSStyleDeclaration Object
  12. Error Object
  13. History Object
  14. JSON Object
  15. Location Object
  16. Navigator Object
  17. Screen Object
  18. Style Properties
  19. String HTML Wrapper
  20. Navigator Geolocation Object
  21. Navigation Object
  22. URLSearchParams
  23. DataTransfer
  24. HTML Collection (Element)
  25. NamedNodeMap (Attribute)
  26. NodeList (Node)
  27. Token List (Class)
  28. EventTarget
  29. Window Object
  30. Node Object
  31. Document Object
  32. DocumentType
  33. Attribute
  34. Element Object
  35. HTML Element
  36. HTML Body Element
  37. HTML Image (img) Element
  38. HTML Form Element
  39. HTML HTML Element
  40. HTML Input Element
  41. HTML Label Element
  42. HTML Select Element
  43. HTML (Select-)Option Element
  44. HTML Table Element
  45. HTML Table-Row Element
  46. HTML Table-Cell Element
  47. HTML Table-Caption Element
  48. HTML Table-Section Element
  49. Event
  50. UiEvent
  51. MouseEvent
  52. AnimationEvent
  53. BeforeInstallPromptEvent
  54. BeforeUnloadEvent
  55. BlobEvent
  56. ClipboardEvent
  57. CloseEvent
  58. CompositionEvent
  59. ContentVisibilityAutoStateChangeEvent
  60. CustomEvent
  61. DeviceMotionEvent
  62. DeviceOrientationEvent
  63. DragEvent
  64. ErrorEvent
  65. FetchEvent
  66. FocusEvent
  67. FontFaceSetLoadEvent
  68. FormDataEvent
  69. GestureEvent
  70. HashChangeEvent
  71. HIDInputReportEvent
  72. IDBVersionChangeEvent
  73. InputEvent
  74. KeyboardEvent
  75. MessageEvent
  76. OfflineAudioCompletionEvent
  77. PageTransitionEvent
  78. PaymentRequestUpdateEvent
  79. PointerEvent
  80. PopStateEvent
  81. ProgressEvent
  82. PromiseRejectionEvent
  83. RTCDataChannelEvent
  84. RTCPeerConnectionIceEvent
  85. SecurityPolicyViolationEvent
  86. StorageEvent
  87. SubmitEvent
  88. TimeEvent
  89. ToggleEvent
  90. TouchEvent
  91. TrackEvent
  92. TransitionEvent
  93. VRDisplayEvent
  94. WebGLContextEvent
  95. WheelEvent
  96. NavigationCurrentEntryChangeEvent
  97. NavigateEvent
  98. XRSessionEvent
  99. GamepadEvent

Statements - JavaScript Dokumentation

  1. break - Statement
  2. class - Statement
  3. const - Statement
  4. continue - Statement
  5. debugger - Statement
  6. do {…} while (boolean) - Statement
  7. for (…) {…} - Statement
  8. for (…in…) {…} - Statement
  9. for (…of…) {…} - Statement
  10. function - Statement
  11. if (boolean1) {…} else if (boolean2) {…} else {…} - Statement
  12. let - Statement
  13. return - Statement
  14. switch (value) { case:… default:… } - Statement
  15. throw - Statement
  16. try {…} catch (error) {…} [finally {…}] - Statement
  17. var - Statement
  18. while (boolean) {…} - Statement
Mozilla: JavaScript/Reference/Statements

const - Statement - Statements

  • Definiert ein Konstante.
  • Der Wert kann nur einmal zugewiesen werden.
  • Jeder Name kann nur einmal definiert werden (innerhalb der Gültigkeit).
  • Mozilla-Doku: JavaScript/Reference/Statements/const
ExpressionResulttypeof
const gen00001 = 'value';
var result = gen00001;
## INITIAL ##
## INITIAL ##

let - Statement - Statements

  • Definiert ein Variable.
  • Werte können beliebig zugewiesen werden.
  • Jeder Name kann nur einmal definiert werden (innerhalb der Gültigkeit).
  • Mozilla-Doku: JavaScript/Reference/Statements/let
ExpressionResulttypeof
let gen00007 = 'value';
var result = gen00007;
## INITIAL ##
## INITIAL ##

var - Statement - Statements

  • Definiert ein Variable.
  • Werte können beliebig zugewiesen werden.
  • Ein Name kann neu definiert werden, der vorangehende Wert wird übernommen.
  • Mozilla-Doku: JavaScript/Reference/Statements/var
ExpressionResulttypeof
var result = 'gen00013';
## INITIAL ##
## INITIAL ##

class - Statement - Statements

ExpressionResulttypeof
class Lebewesen {
constructor(name) {
this.name = name;
}
toString() {
return 'My name is ' + this.name;
}
}
class Animal extends Lebewesen {
constructor(name,color) {
super(name);
this.color = color;
}
toString() {
return super.toString() + '<br>and I am ' + this.color;
}
}
var result = new Lebewesen('Tom') + '<br><br>';
result += new Animal('Anne', 'brown');
## INITIAL ##
## INITIAL ##

function - Statement - Statements

  • Definiert eine Funktion.
  • Die Funktion kann einen Namen, Parameter und einen Rückgabewert (return) haben.
  • Wenn die Funktion direkt zugewiesen oder übergeben wird, kann der Name entfallen oder die Funktion kann als Lambda Funktion mit '=>' definiert werden.
  • Mozilla-Doku: JavaScript/Reference/Statements/function
ExpressionResult
function myfun() { }
## INITIAL ##
function myfun() { return 1; }
var result = myfun();
## INITIAL ##
function myfun(a,b,c) { }
## INITIAL ##
function myfun(a,b,c) { return a+b+c; }
var result = myfun(1,2,3);
## INITIAL ##
var myfun = function() { };
## INITIAL ##
var myfun = function() { return 1; };
var result = myfun();
## INITIAL ##
var myfun = function(a,b,c) { };
## INITIAL ##
var myfun = function(a,b,c) { return a+b+c; };
var result = myfun(1,2,3);
## INITIAL ##
var lamdafun = () => {};
## INITIAL ##
var lamdafun = () => 1;
var result = lamdafun();
## INITIAL ##
var lamdafun = a => {};
## INITIAL ##
var lamdafun = a => -a;
var result = lamdafun(1);
## INITIAL ##
var lamdafun = (a,b,c) => {};
## INITIAL ##
var lamdafun = (a,b,c) => a+b+c;
var result = lamdafun(1,2,3);
## INITIAL ##

if (boolean1) {…} else if (boolean2) {…} else {…} - Statement - Statements

ExpressionResult
var a = Math.random() * 2 - 1;
if (a < 0) {
var result = a.toFixed(3) + ' is negative';
} else if (a > 0) {
var result = a.toFixed(3) + ' is positive';
} else {
var result = 'is 0';
}
## INITIAL ##
'A' ? true : false
## INITIAL ##
' ' ? true : false
## INITIAL ##
'' ? true : false
## INITIAL ##
null ? true : false
## INITIAL ##
undefined ? true : false
## INITIAL ##
'undefined' ? true : false
## INITIAL ##
var jsondata = { "name": "Name", "blank": " ", "empty": "" };
var result = 'name = ' + (jsondata.name ? true : false) + '<br>';
result += 'blank = ' + (jsondata.blank ? true : false) + '<br>';
result += 'empty = ' + (jsondata.empty ? true : false) + '<br>';
result += 'wrongattr = ' + (jsondata.wrongattr ? true : false) + '<br>';
result += 'wrongattr = ' + jsondata.wrongattr;
## INITIAL ##

switch (value) { case:… default:… } - Statement - Statements

ExpressionResulttypeof
var array = ['a','b','c'];
var item = array[Math.trunc(Math.random() * array.length)];
switch (item) {
case 'a':
var result = 'item is a';
case 'b':
var result = 'item is b';
default:
var result = 'item wheter a nor b';
}
## INITIAL ##
## INITIAL ##

for (…) {…} - Statement - Statements

ExpressionResulttypeof
var result = 0;
for (let i = 0; i < 5; i++) {
result += i;
}
## INITIAL ##
## INITIAL ##
var array = ['a','b','c'];
var result = '|';
for (let i = 0; i < array.length; i++) {
result += array[i] + '|';
}
## INITIAL ##
## INITIAL ##

for (…of…) {…} - Statement - Statements

ExpressionResulttypeof
var result = '|';
for (let ch of 'abc') {
result += ch + '|';
}
## INITIAL ##
## INITIAL ##
var result = '|';
for (let item of ['a','b','c']) {
result += item + '|';
}
## INITIAL ##
## INITIAL ##

for (…in…) {…} - Statement - Statements

ExpressionResulttypeof
var result = '|';
for (let i in ['a','b','c']) {
result += i + '|';
}
## INITIAL ##
## INITIAL ##
var el = document.getElementById('resultId');
var result = '';
for (let prp in el.getBoundingClientRect()) {
result += prp+'<br>';
}
## INITIAL ##
## INITIAL ##
var result = '';
var jsondata = {"firstname":"Thomas","age":30};
for (let key in jsondata) {
result += key+'<br>';
}
## INITIAL ##
## INITIAL ##

while (boolean) {…} - Statement - Statements

ExpressionResulttypeof
var result = '|';
var x = 0;
while (x != 2) {
result += x + '|';
}
## INITIAL ##
## INITIAL ##

do {…} while (boolean) - Statement - Statements

ExpressionResulttypeof
var result = '|';
do {
var x = Math.trunc(Math.random() * 4);
result += x + '|';
} while (x < 2);
## INITIAL ##
## INITIAL ##

break - Statement - Statements

ExpressionResulttypeof
var result = '|';
while (true) {
var x = Math.trunc(Math.random() * 4);
result += x + '|';
if (x == 3) break;
}
## INITIAL ##
## INITIAL ##

continue - Statement - Statements

ExpressionResulttypeof
var result = '|';
for (var i = 0; i < 4; i++) {
if (i === 2) {
continue;
}
result += i + '|';
}
## INITIAL ##
## INITIAL ##

try {…} catch (error) {…} [finally {…}] - Statement - Statements

ExpressionResulttypeof
try {
var result = 'OK';
} catch (err) {
var result = 'Fehler '+err.name+': '+err.message;
}
## INITIAL ##
## INITIAL ##
try {
var result = 'OK';
} catch (err) {
var result = 'Fehler '+err.name+': '+err.message;
} finally {
result += ' - beendet';
}
## INITIAL ##
## INITIAL ##
try {
var result = Number(2).toUpperCase();
} catch (err) {
var result = 'Fehler: ';
result += '<b>'+err.name+'</b><br>';
result += err.message;
} finally {
result += '<br>&rArr;beendet';
}
## INITIAL ##
## INITIAL ##

return - Statement - Statements

ExpressionResulttypeof
function calc() {
var number = Math.random();
if (number < 0.5) {
return 'red';
} else {
return 'green';
}
}
var result = calc();
## INITIAL ##
## INITIAL ##

throw - Statement - Statements

ExpressionResulttypeof
function calcArea(width, height) {
if (isNaN(width) || isNaN(height)) {
throw new Error('wrong parameters');
}
return width * height;
}
try {
var result = calcArea(2,'a');
} catch(err) {
var result = err.message;
}
## INITIAL ##
## INITIAL ##

debugger - Statement - Statements

Global Objects - JavaScript Dokumentation

Die globalen Funktionen sind keinem Object zugewiesen und werden as-is so aufgerufen
  1. atob(string) - StaticMethod
  2. btoa(string) - StaticMethod
  3. createImageBitmap() - StaticMethod
  4. crossOriginIsolated - StaticProperty
  5. decodeURI(uri) - StaticMethod
  6. decodeURIComponent(uri) - StaticMethod
  7. encodeURI(uri) - StaticMethod
  8. encodeURIComponent(uri) - StaticMethod
  9. eval(command) - StaticMethod
  10. Infinity - StaticProperty
  11. isFinite(value) - StaticMethod
  12. isNaN(value) - StaticMethod
  13. isSecureContext - StaticProperty
  14. NaN - StaticProperty
  15. parseFloat(string) - StaticMethod
  16. parseInt(string) - StaticMethod
  17. queueMicrotask() - StaticMethod
  18. reportError() - StaticMethod
  19. structuredClone() - StaticMethod
  20. trustedTypes - StaticProperty
  21. undefined - StaticProperty
Mozilla: JavaScript/Reference/Global_Objects

undefined - StaticProperty - Global Objects

ExpressionResulttypeof
var ud;
var result = ud;
## INITIAL ##
## INITIAL ##
'ud is ' + (ud === undefined ? 'undefined' : 'defined')
## INITIAL ##
## INITIAL ##
'typeof ud is ' + (typeof ud === 'undefined' ? 'undefined' : 'defined')
## INITIAL ##
## INITIAL ##

Infinity - StaticProperty - Global Objects

ExpressionResulttypeof
Infinity
## INITIAL ##
## INITIAL ##

isFinite(value) - StaticMethod - Global Objects

ExpressionResulttypeof
isFinite(1)
## INITIAL ##
## INITIAL ##
isFinite()
## INITIAL ##
## INITIAL ##
isFinite(NaN)
## INITIAL ##
## INITIAL ##
isFinite(Infinity)
## INITIAL ##
## INITIAL ##

NaN - StaticProperty - Global Objects

ExpressionResulttypeof
NaN
## INITIAL ##
## INITIAL ##

isNaN(value) - StaticMethod - Global Objects

ExpressionResulttypeof
isNaN(1)
## INITIAL ##
## INITIAL ##
isNaN()
## INITIAL ##
## INITIAL ##
isNaN(NaN)
## INITIAL ##
## INITIAL ##
isNaN(Infinity)
## INITIAL ##
## INITIAL ##

parseInt(string) - StaticMethod - Global Objects

ExpressionResulttypeof
parseInt('5')
## INITIAL ##
## INITIAL ##
parseInt('-5')
## INITIAL ##
## INITIAL ##
parseInt('1.7')
## INITIAL ##
## INITIAL ##
parseInt('-1.7')
## INITIAL ##
## INITIAL ##
parseInt('')
## INITIAL ##
## INITIAL ##

parseFloat(string) - StaticMethod - Global Objects

ExpressionResulttypeof
parseFloat('5')
## INITIAL ##
## INITIAL ##
parseFloat('-5')
## INITIAL ##
## INITIAL ##
parseFloat('1.7')
## INITIAL ##
## INITIAL ##
parseFloat('-1.7')
## INITIAL ##
## INITIAL ##
parseFloat('')
## INITIAL ##
## INITIAL ##

encodeURI(uri) - StaticMethod - Global Objects

ExpressionResulttypeof
encodeURI('home page.html?name=gü&value=tü')
## INITIAL ##
## INITIAL ##

decodeURI(uri) - StaticMethod - Global Objects

ExpressionResulttypeof
decodeURI('home%20page.html?name=g%C3%BC&value=t%C3%BC')
## INITIAL ##
## INITIAL ##

encodeURIComponent(uri) - StaticMethod - Global Objects

ExpressionResulttypeof
encodeURIComponent('https://guerbi.synology.me/js')
## INITIAL ##
## INITIAL ##

decodeURIComponent(uri) - StaticMethod - Global Objects

ExpressionResulttypeof
decodeURIComponent('http%3A%2F%2Fguerbi.synology.me%2Fjs')
## INITIAL ##
## INITIAL ##

eval(command) - StaticMethod - Global Objects

ExpressionResulttypeof
eval('var result' + ' = ' + '1;')
## INITIAL ##
## INITIAL ##

btoa(string) - StaticMethod - Global Objects

  • Encodes a string to base-64
  • string: plain text
  • Mozilla-Doku: API/btoa
ExpressionResulttypeof
btoa('Hallo')
## INITIAL ##
## INITIAL ##
btoa('')
## INITIAL ##
## INITIAL ##

atob(string) - StaticMethod - Global Objects

  • Decodes a base-64 encoded string
  • string: base64 string
  • Mozilla-Doku: API/atob
ExpressionResulttypeof
atob('SGVsbG8gV29ybGQ=')
## INITIAL ##
## INITIAL ##
atob('')
## INITIAL ##
## INITIAL ##

crossOriginIsolated - StaticProperty - Global Objects

ExpressionResulttypeof
window.crossOriginIsolated
## INITIAL ##
## INITIAL ##

isSecureContext - StaticProperty - Global Objects

ExpressionResulttypeof
window.isSecureContext
## INITIAL ##
## INITIAL ##

trustedTypes - StaticProperty - Global Objects

createImageBitmap() - StaticMethod - Global Objects

queueMicrotask() - StaticMethod - Global Objects

reportError() - StaticMethod - Global Objects

structuredClone() - StaticMethod - Global Objects

Math Funktionen - JavaScript Dokumentation

  1. Math.abs(x) - StaticMethod
  2. Math.acos(x) - StaticMethod
  3. Math.acosh(x) - StaticMethod
  4. Math.asin(x) - StaticMethod
  5. Math.asinh(x) - StaticMethod
  6. Math.atan(x) - StaticMethod
  7. Math.atan2(y,x) - StaticMethod
  8. Math.atanh(x) - StaticMethod
  9. Math.cbrt(x) - StaticMethod
  10. Math.ceil(x) - StaticMethod
  11. Math.clz32(x) - StaticMethod
  12. Math.cos(x) - StaticMethod
  13. Math.cosh(x) - StaticMethod
  14. Math.E - StaticProperty
  15. Math.exp(x) - StaticMethod
  16. Math.expm1(x) - StaticMethod
  17. Math.floor(x) - StaticMethod
  18. Math.fround(x) - StaticMethod
  19. Math.LN10 - StaticProperty
  20. Math.LN2 - StaticProperty
  21. Math.log(x) - StaticMethod
  22. Math.log10(x) - StaticMethod
  23. Math.LOG10E - StaticProperty
  24. Math.log1p(x) - StaticMethod
  25. Math.log2(x) - StaticMethod
  26. Math.LOG2E - StaticProperty
  27. Math.max(numbers...) - StaticMethod
  28. Math.min(numbers...) - StaticMethod
  29. Math.PI - StaticProperty
  30. Math.pow(x, y) - StaticMethod
  31. Math.random() - StaticMethod
  32. Math.round(x) - StaticMethod
  33. Math.sign(x) - StaticMethod
  34. Math.sin(x) - StaticMethod
  35. Math.sinh(x) - StaticMethod
  36. Math.sqrt(x) - StaticMethod
  37. Math.SQRT1_2 - StaticProperty
  38. Math.SQRT2 - StaticProperty
  39. Math.tan(x) - StaticMethod
  40. Math.tanh(x) - StaticMethod
  41. Math.trunc(x) - StaticMethod
Mozilla: JavaScript/Reference/Global_Objects/Math

Math.random() - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.random()
## INITIAL ##
## INITIAL ##
Math.trunc(Math.random() * 3 + 10)
## INITIAL ##
## INITIAL ##
let rndarr = [0,0,0,0,0];
for (let i = 0; i < 5e3; i++) {
rndarr[Math.trunc(Math.random() * rndarr.length)]++;
}
var result = '';
rndarr.forEach((item,idx) => result += idx+': '+item+'<br>');
## INITIAL ##
## INITIAL ##

Math.sign(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.sign(1.4)
## INITIAL ##
## INITIAL ##
Math.sign(-1.4)
## INITIAL ##
## INITIAL ##
Math.sign(0.0)
## INITIAL ##
## INITIAL ##

Math.abs(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.abs(1.4)
## INITIAL ##
## INITIAL ##
Math.abs(-1.4)
## INITIAL ##
## INITIAL ##
Math.abs(0.0)
## INITIAL ##
## INITIAL ##

Math.min(numbers...) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.min(1.4,1.6,-1.4,-1.6,0.0)
## INITIAL ##
## INITIAL ##

Math.max(numbers...) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.max(1.4,1.6,-1.4,-1.6,0.0)
## INITIAL ##
## INITIAL ##

Math.round(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.round(1.4)
## INITIAL ##
## INITIAL ##
Math.round(1.6)
## INITIAL ##
## INITIAL ##
Math.round(-1.4)
## INITIAL ##
## INITIAL ##
Math.round(-1.6)
## INITIAL ##
## INITIAL ##
Math.round(0.0)
## INITIAL ##
## INITIAL ##

Math.ceil(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.ceil(1.4)
## INITIAL ##
## INITIAL ##
Math.ceil(1.6)
## INITIAL ##
## INITIAL ##
Math.ceil(-1.4)
## INITIAL ##
## INITIAL ##
Math.ceil(-1.6)
## INITIAL ##
## INITIAL ##
Math.ceil(0.0)
## INITIAL ##
## INITIAL ##

Math.floor(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.floor(1.4)
## INITIAL ##
## INITIAL ##
Math.floor(1.6)
## INITIAL ##
## INITIAL ##
Math.floor(-1.4)
## INITIAL ##
## INITIAL ##
Math.floor(-1.6)
## INITIAL ##
## INITIAL ##
Math.floor(0.0)
## INITIAL ##
## INITIAL ##

Math.trunc(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.trunc(1.4)
## INITIAL ##
## INITIAL ##
Math.trunc(1.6)
## INITIAL ##
## INITIAL ##
Math.trunc(-1.4)
## INITIAL ##
## INITIAL ##
Math.trunc(-1.6)
## INITIAL ##
## INITIAL ##
Math.trunc(0.0)
## INITIAL ##
## INITIAL ##

Math.clz32(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.clz32(1)
## INITIAL ##
## INITIAL ##
Math.clz32(0)
## INITIAL ##
## INITIAL ##
Math.clz32(2 ** 15)
## INITIAL ##
## INITIAL ##

Math.fround(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.fround(128)
## INITIAL ##
## INITIAL ##

Math.pow(x, y) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.pow(2,8)
## INITIAL ##
## INITIAL ##
2 ** 8
## INITIAL ##
## INITIAL ##
Math.pow(256,1/4)
## INITIAL ##
## INITIAL ##
Math.sqrt(Math.sqrt(256))
## INITIAL ##
## INITIAL ##

Math.SQRT2 - StaticProperty - Math Funktionen

ExpressionResulttypeof
Math.SQRT2
## INITIAL ##
## INITIAL ##

Math.SQRT1_2 - StaticProperty - Math Funktionen

ExpressionResulttypeof
Math.SQRT1_2
## INITIAL ##
## INITIAL ##

Math.sqrt(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.sqrt(16)
## INITIAL ##
## INITIAL ##
Math.sqrt(-4)
## INITIAL ##
## INITIAL ##

Math.cbrt(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.cbrt(8)
## INITIAL ##
## INITIAL ##
Math.pow(8, 1/3)
## INITIAL ##
## INITIAL ##
Math.cbrt(-8)
## INITIAL ##
## INITIAL ##
Math.pow(-8, 1/3)
## INITIAL ##
## INITIAL ##

Math.E - StaticProperty - Math Funktionen

ExpressionResulttypeof
Math.E
## INITIAL ##
## INITIAL ##

Math.LN10 - StaticProperty - Math Funktionen

ExpressionResulttypeof
Math.LN10
## INITIAL ##
## INITIAL ##

Math.LOG2E - StaticProperty - Math Funktionen

ExpressionResulttypeof
Math.LOG2E
## INITIAL ##
## INITIAL ##

Math.LN2 - StaticProperty - Math Funktionen

ExpressionResulttypeof
Math.LN2
## INITIAL ##
## INITIAL ##

Math.LOG10E - StaticProperty - Math Funktionen

ExpressionResulttypeof
Math.LOG10E
## INITIAL ##
## INITIAL ##

Math.exp(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.exp(1)
## INITIAL ##
## INITIAL ##

Math.expm1(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.expm1(1)
## INITIAL ##
## INITIAL ##

Math.log(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.log(Math.E ** 3)
## INITIAL ##
## INITIAL ##

Math.log10(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.log10(1000000)
## INITIAL ##
## INITIAL ##
Math.log10(1e9)
## INITIAL ##
## INITIAL ##

Math.log2(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.log2(256)
## INITIAL ##
## INITIAL ##

Math.log1p(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.log1p(0)
## INITIAL ##
## INITIAL ##

Math.PI - StaticProperty - Math Funktionen

ExpressionResulttypeof
Math.PI
## INITIAL ##
## INITIAL ##

Math.sin(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.sin(0 / 180 * Math.PI)
## INITIAL ##
## INITIAL ##
Math.sin(90 / 180 * Math.PI)
## INITIAL ##
## INITIAL ##
Math.sin(180 / 180 * Math.PI)
## INITIAL ##
## INITIAL ##
Math.sin(270 / 180 * Math.PI)
## INITIAL ##
## INITIAL ##

Math.cos(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.cos(0 / 180 * Math.PI)
## INITIAL ##
## INITIAL ##
Math.cos(90 / 180 * Math.PI)
## INITIAL ##
## INITIAL ##
Math.cos(180 / 180 * Math.PI)
## INITIAL ##
## INITIAL ##
Math.cos(270 / 180 * Math.PI)
## INITIAL ##
## INITIAL ##

Math.tan(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.tan(45 / 180 * Math.PI)
## INITIAL ##
## INITIAL ##
Math.tan(135 / 180 * Math.PI)
## INITIAL ##
## INITIAL ##
Math.tan(225 / 180 * Math.PI)
## INITIAL ##
## INITIAL ##
Math.tan(315 / 180 * Math.PI)
## INITIAL ##
## INITIAL ##
Math.tan(Math.PI / 2)
## INITIAL ##
## INITIAL ##

Math.asin(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.asin(1) / Math.PI * 180
## INITIAL ##
## INITIAL ##

Math.acos(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.acos(1) / Math.PI * 180
## INITIAL ##
## INITIAL ##

Math.atan(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.atan(1) / Math.PI * 180
## INITIAL ##
## INITIAL ##
(Math.atan(1/2) / Math.PI * 180).toFixed(3)+'&deg;'
## INITIAL ##
## INITIAL ##
Math.atan(20 / 100) / Math.PI * 180
## INITIAL ##
## INITIAL ##

Math.atan2(y,x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.atan2(1,-1) / Math.PI * 180
## INITIAL ##
## INITIAL ##
Math.atan2(1,0) / Math.PI * 180
## INITIAL ##
## INITIAL ##
Math.atan2(1,1) / Math.PI * 180
## INITIAL ##
## INITIAL ##
Math.atan2(0,-1) / Math.PI * 180
## INITIAL ##
## INITIAL ##
Math.atan2(0,0) / Math.PI * 180
## INITIAL ##
## INITIAL ##
Math.atan2(0,1) / Math.PI * 180
## INITIAL ##
## INITIAL ##
Math.atan2(-1,-1) / Math.PI * 180
## INITIAL ##
## INITIAL ##
Math.atan2(-1,0) / Math.PI * 180
## INITIAL ##
## INITIAL ##
Math.atan2(-1,1) / Math.PI * 180
## INITIAL ##
## INITIAL ##

Math.sinh(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.sinh(-1)
## INITIAL ##
## INITIAL ##
Math.sinh(0)
## INITIAL ##
## INITIAL ##
Math.sinh(1)
## INITIAL ##
## INITIAL ##

Math.cosh(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.cosh(-1)
## INITIAL ##
## INITIAL ##
Math.cosh(0)
## INITIAL ##
## INITIAL ##
Math.cosh(1)
## INITIAL ##
## INITIAL ##

Math.tanh(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.tanh(-1)
## INITIAL ##
## INITIAL ##
Math.tanh(0)
## INITIAL ##
## INITIAL ##
Math.tanh(1)
## INITIAL ##
## INITIAL ##

Math.asinh(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.asinh(-0.5)
## INITIAL ##
## INITIAL ##
Math.asinh(0.0)
## INITIAL ##
## INITIAL ##
Math.asinh(0.5)
## INITIAL ##
## INITIAL ##

Math.acosh(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.acosh(1.0)
## INITIAL ##
## INITIAL ##
Math.acosh(1.5)
## INITIAL ##
## INITIAL ##
Math.acosh(2.0)
## INITIAL ##
## INITIAL ##
Math.acosh(-1.0)
## INITIAL ##
## INITIAL ##

Math.atanh(x) - StaticMethod - Math Funktionen

ExpressionResulttypeof
Math.atanh(-0.5)
## INITIAL ##
## INITIAL ##
Math.atanh(0.0)
## INITIAL ##
## INITIAL ##
Math.atanh(0.5)
## INITIAL ##
## INITIAL ##

Object - JavaScript Dokumentation

  1. constructor - StaticProperty
  2. Object.keys(object) - StaticMethod
  3. prototype - StaticProperty
  4. toString() - Method
  5. valueOf() - Method
Mozilla: JavaScript/Reference/Global_Objects/Object

Object.keys(object) - StaticMethod - Object

ExpressionResulttypeof
Object.keys(['a','b','c'])
## INITIAL ##
## INITIAL ##
Object.keys({ name:'Tom', age:30 })
## INITIAL ##
## INITIAL ##

constructor - StaticProperty - Object

ExpressionResulttypeof
Date.constructor
## INITIAL ##
## INITIAL ##
Number.constructor
## INITIAL ##
## INITIAL ##
Array.constructor
## INITIAL ##
## INITIAL ##
['a','b','c'].constructor
## INITIAL ##
## INITIAL ##
{ name:'Tom', age:30 }.constructor
## INITIAL ##
## INITIAL ##

prototype - StaticProperty - Object

ExpressionResulttypeof
Date.prototype.toString
## INITIAL ##
## INITIAL ##
Number.prototype.toString
## INITIAL ##
## INITIAL ##
Array.prototype.toString
## INITIAL ##
## INITIAL ##

toString() - Method - Object

ExpressionResulttypeof
new Date().toString()
## INITIAL ##
## INITIAL ##
new Number().toString()
## INITIAL ##
## INITIAL ##
new Array().toString()
## INITIAL ##
## INITIAL ##
['a','b','c'].toString()
## INITIAL ##
## INITIAL ##
{ name:'Tom', age:30 }.toString()
## INITIAL ##
## INITIAL ##

valueOf() - Method - Object

ExpressionResulttypeof
new Date().valueOf()
## INITIAL ##
## INITIAL ##
new Number().valueOf()
## INITIAL ##
## INITIAL ##
new Array().valueOf()
## INITIAL ##
## INITIAL ##
['a','b','c'].valueOf()
## INITIAL ##
## INITIAL ##
{ name:'Tom', age:30 }.valueOf()
## INITIAL ##
## INITIAL ##

Array Funktionen - JavaScript Dokumentation

  1. new Array(value...) - Constructor
  2. Array(value...) - StaticMethod
  3. Array.from(value[,function(item)[,this]]) - StaticMethod
  4. Array.isArray(object) - StaticMethod
  5. Array.of(value...) - StaticMethod
  6. at(index) - Method
  7. concat(object) - Method
  8. copyWithin(index1[,index2[,index3]]) - Method
  9. entries() - Method
  10. every(function(value[,index[,array]])[,this]) - Method
  11. fill(string[,index1[,index2]]) - Method
  12. filter(function(value[,index[,array]])[,this]) - Method
  13. find(function(value[,index[,array]])[,this]) - Method
  14. findIndex(function(value[,index[,array]])[,this]) - Method
  15. forEach(function(value[,index[,array]])[,this]) - Method
  16. includes(value[,index]) - Method
  17. indexOf(string[,index]) - Method
  18. join([string]) - Method
  19. keys() - Method
  20. lastIndexOf(string[,index]) - Method
  21. length - Property
  22. map(function(value[,index[,array]])[,this]) - Method
  23. pop() - Method
  24. push(values...) - Method
  25. reduce(function(total,value[,index[,array]])[,initial]) - Method
  26. reduceRight(function(total,value[,index[,array]])[,initial]) - Method
  27. reverse() - Method
  28. shift() - Method
  29. slice([±index1[,±index2]]) - Method
  30. some(function(value[,index[,array]])[,this]) - Method
  31. sort([function(item1,item2)]) - Method
  32. splice(±index[,length[,values...]]) - Method
  33. toString() - Method
  34. unshift(values...) - Method
  35. values() - Method
Array Funktionen inherits members from Object:
constructor, Object.keys, prototype, toString, valueOf
Mozilla: JavaScript/Reference/Global_Objects/Array

new Array(value...) - Constructor - Array Funktionen

ExpressionResulttypeof
new Array(1,'a')
## INITIAL ##
## INITIAL ##
new Array()
## INITIAL ##
## INITIAL ##

Array(value...) - StaticMethod - Array Funktionen

ExpressionResulttypeof
Array(1,'a')
## INITIAL ##
## INITIAL ##
Array()
## INITIAL ##
## INITIAL ##

Array.of(value...) - StaticMethod - Array Funktionen

ExpressionResulttypeof
Array.of(1,'a')
## INITIAL ##
## INITIAL ##
Array.of()
## INITIAL ##
## INITIAL ##

Array.from(value[,function(item)[,this]]) - StaticMethod - Array Funktionen

  • erstellt einen Array mit der Länge von value.length
  • value: ein value mit einer length Eigenschaft (oder ein Iterator)
  • function: mapping function, die jedes einzelne Element als Array-Element umwandelt
  • item: einzelnes Element
  • this: ?
  • Mozilla-Doku: JavaScript/Reference/Global_Objects/Array/from
ExpressionResulttypeof
Array.from('ABCDEF')
## INITIAL ##
## INITIAL ##
Array.from('ABCDEF', v => v+v)
## INITIAL ##
## INITIAL ##
Array.from('äöü', v => v.charCodeAt())
## INITIAL ##
## INITIAL ##

Array.isArray(object) - StaticMethod - Array Funktionen

ExpressionResulttypeof
Array.isArray(['a','b','c'])
## INITIAL ##
## INITIAL ##
Array.isArray([1,2,3])
## INITIAL ##
## INITIAL ##
Array.isArray([])
## INITIAL ##
## INITIAL ##
Array.isArray(1,2,3)
## INITIAL ##
## INITIAL ##

length - Property - Array Funktionen

ExpressionResulttypeof
['a','b','c'].length
## INITIAL ##
## INITIAL ##
[].length
## INITIAL ##
## INITIAL ##
var result = [];
result.length = 3;
result.fill('X');
## INITIAL ##
## INITIAL ##

at(index) - Method - Array Funktionen

ExpressionResulttypeof
['a','b','c'].at(1)
## INITIAL ##
## INITIAL ##
['a','b','c'].at(-2)
## INITIAL ##
## INITIAL ##
['a','b','c'].at()
## INITIAL ##
## INITIAL ##

filter(function(value[,index[,array]])[,this]) - Method - Array Funktionen

ExpressionResulttypeof
['a',5,'b',7,'c'].filter(item => typeof item == 'number')
## INITIAL ##
## INITIAL ##
['a','5','b','7','c'].filter(item => typeof item == 'number')
## INITIAL ##
## INITIAL ##
[].filter(item => typeof item == 'number')
## INITIAL ##
## INITIAL ##

map(function(value[,index[,array]])[,this]) - Method - Array Funktionen

ExpressionResulttypeof
['a','b','c'].map(item => 'item_'+item)
## INITIAL ##
## INITIAL ##
[].map(item => 'item_'+item)
## INITIAL ##
## INITIAL ##

join([string]) - Method - Array Funktionen

ExpressionResulttypeof
['A','B','C'].join()
## INITIAL ##
## INITIAL ##
['A','B','C'].join('')
## INITIAL ##
## INITIAL ##
['A','B','C'].join(' ')
## INITIAL ##
## INITIAL ##

concat(object) - Method - Array Funktionen

ExpressionResulttypeof
['a','b'].concat(['a','b'])
## INITIAL ##
## INITIAL ##
[].concat(['a'])
## INITIAL ##
## INITIAL ##
[].concat([])
## INITIAL ##
## INITIAL ##

fill(string[,index1[,index2]]) - Method - Array Funktionen

ExpressionResulttypeof
['a','b','c','d','e'].fill('X')
## INITIAL ##
## INITIAL ##
['a','b','c','d','e'].fill(0)
## INITIAL ##
## INITIAL ##
['a','b','c','d','e'].fill('X',3)
## INITIAL ##
## INITIAL ##
['a','b','c','d','e'].fill('X',2,4)
## INITIAL ##
## INITIAL ##

indexOf(string[,index]) - Method - Array Funktionen

ExpressionResulttypeof
['a','b','c','a','b','c'].indexOf('b')
## INITIAL ##
## INITIAL ##
['a','b','c','a','b','c'].indexOf('b',3)
## INITIAL ##
## INITIAL ##
['a','b','c','a','b','c'].indexOf('z')
## INITIAL ##
## INITIAL ##
['a','b','c','a','b','c'].indexOf('z',3)
## INITIAL ##
## INITIAL ##

lastIndexOf(string[,index]) - Method - Array Funktionen

ExpressionResulttypeof
['a','b','c','a','b','c'].lastIndexOf('b')
## INITIAL ##
## INITIAL ##
['a','b','c','a','b','c'].lastIndexOf('b',2)
## INITIAL ##
## INITIAL ##
['a','b','c','a','b','c'].lastIndexOf('z')
## INITIAL ##
## INITIAL ##
['a','b','c','a','b','c'].lastIndexOf('z',2)
## INITIAL ##
## INITIAL ##

sort([function(item1,item2)]) - Method - Array Funktionen

ExpressionResulttypeof
[9,3,'z','y',5,'z'].sort()
## INITIAL ##
## INITIAL ##
[44,5,333,2222].sort()
## INITIAL ##
## INITIAL ##
[44,5,333,2222].sort((a,b) => a-b)
## INITIAL ##
## INITIAL ##
[4,'b','q','x','v','g'].sort().reverse()
## INITIAL ##
## INITIAL ##

reverse() - Method - Array Funktionen

ExpressionResulttypeof
['f','a','n'].reverse()
## INITIAL ##
## INITIAL ##
var result = [1,2,3];
result.reverse();
## INITIAL ##
## INITIAL ##

find(function(value[,index[,array]])[,this]) - Method - Array Funktionen

ExpressionResulttypeof
['a','b',10,2,'c'].find(item => typeof item == 'string')
## INITIAL ##
## INITIAL ##
['a','b',10,2,'c'].find(item => typeof item == 'number')
## INITIAL ##
## INITIAL ##
['a','b','10',2,'c'].find(item => typeof item == 'number')
## INITIAL ##
## INITIAL ##
['a','b','c'].find(item => typeof item == 'number')
## INITIAL ##
## INITIAL ##
[].find(item => typeof item == 'string')
## INITIAL ##
## INITIAL ##

findIndex(function(value[,index[,array]])[,this]) - Method - Array Funktionen

ExpressionResulttypeof
['a','b',10,2,'c'].findIndex(item => typeof item == 'string')
## INITIAL ##
## INITIAL ##
['a','b',10,2,'c'].findIndex(item => typeof item == 'number')
## INITIAL ##
## INITIAL ##
['a','b','c'].findIndex(item => typeof item == 'number')
## INITIAL ##
## INITIAL ##

copyWithin(index1[,index2[,index3]]) - Method - Array Funktionen

ExpressionResulttypeof
[4,'i',7,'m',7,7].copyWithin(3,0,3)
## INITIAL ##
## INITIAL ##
[6,7,8,9,7,'a'].copyWithin(0,3)
## INITIAL ##
## INITIAL ##
[6,'g','i','y',9,'o'].copyWithin(0,4,5)
## INITIAL ##
## INITIAL ##
['h',4,7,'d','m','s'].copyWithin(0,4)
## INITIAL ##
## INITIAL ##
['h','i','h','c','e',9].copyWithin(2)
## INITIAL ##
## INITIAL ##

push(values...) - Method - Array Funktionen

ExpressionResulttypeof
var array = ['a','b'];
var count = array.push(1,'b');
## INITIAL ##
## INITIAL ##
var array = [];
var count = array.push(1,'a');
## INITIAL ##
## INITIAL ##

pop() - Method - Array Funktionen

ExpressionResulttypeof
var array = ['a','b','c'];
var item = array.pop();
## INITIAL ##
## INITIAL ##
var array = [];
var item = array.pop();
## INITIAL ##
## INITIAL ##

every(function(value[,index[,array]])[,this]) - Method - Array Funktionen

ExpressionResulttypeof
['a','b','c'].every(item => item.length == 1)
## INITIAL ##
## INITIAL ##
[-1,2,3].every(item => item > 0)
## INITIAL ##
## INITIAL ##
[].every(item => item != undefined)
## INITIAL ##
## INITIAL ##

some(function(value[,index[,array]])[,this]) - Method - Array Funktionen

ExpressionResulttypeof
['a','b','c'].some(item => item.length == 1)
## INITIAL ##
## INITIAL ##
[-1,2,3].some(item => item < 0)
## INITIAL ##
## INITIAL ##
[].some(item => item != undefined)
## INITIAL ##
## INITIAL ##

includes(value[,index]) - Method - Array Funktionen

ExpressionResulttypeof
['a','b','c'].includes('a')
## INITIAL ##
## INITIAL ##
['a','b','c'].includes('d')
## INITIAL ##
## INITIAL ##
[1,2,3].includes(2)
## INITIAL ##
## INITIAL ##
['a','b','c'].includes()
## INITIAL ##
## INITIAL ##
[].includes('d')
## INITIAL ##
## INITIAL ##
[].includes()
## INITIAL ##
## INITIAL ##

reduce(function(total,value[,index[,array]])[,initial]) - Method - Array Funktionen

ExpressionResulttypeof
[100,1,1,1].reduce((t,n) => t-n)
## INITIAL ##
## INITIAL ##
[100,1,1,1].reduce((t,n) => t+n)
## INITIAL ##
## INITIAL ##
[2,3,4].reduce((t,n) => t*n)
## INITIAL ##
## INITIAL ##
[16,2,2].reduce((t,n) => t/n)
## INITIAL ##
## INITIAL ##
var log = '';
var abs = [3,-4,5].reduce((total,next,index) => {
log += index + ':' + total + ',' + next + '<br>';
return Math.sqrt(total ** 2 + next ** 2);
});
var result = log + '=' + abs;
## INITIAL ##
## INITIAL ##

reduceRight(function(total,value[,index[,array]])[,initial]) - Method - Array Funktionen

ExpressionResulttypeof
[1,1,1,100].reduceRight((t,n) => t-n)
## INITIAL ##
## INITIAL ##
[1,1,1,100].reduceRight((t,n) => t+n)
## INITIAL ##
## INITIAL ##
[2,3,4].reduceRight((t,n) => t*n)
## INITIAL ##
## INITIAL ##
[2,2,16].reduceRight((t,n) => t/n)
## INITIAL ##
## INITIAL ##

shift() - Method - Array Funktionen

ExpressionResulttypeof
var array = ['a','b','c','d'];
var element = array.shift();
## INITIAL ##
## INITIAL ##
var array = [1,2,3,4];
var element = array.shift();
## INITIAL ##
## INITIAL ##
var array = [];
var element = array.shift();
## INITIAL ##
## INITIAL ##

unshift(values...) - Method - Array Funktionen

ExpressionResulttypeof
var array = ['a','b','c','d'];
var element = array.unshift();
## INITIAL ##
## INITIAL ##
var array = [1,2,3,4];
var element = array.unshift(0);
## INITIAL ##
## INITIAL ##
var array = [];
var element = array.unshift('a','b');
## INITIAL ##
## INITIAL ##

slice([±index1[,±index2]]) - Method - Array Funktionen

ExpressionResulttypeof
var arr1 = [1,2,3,4];
var arr2 = arr1.slice();
## INITIAL ##
## INITIAL ##
var arr1 = [1,2,3,4];
var arr2 = arr1.slice(1);
## INITIAL ##
## INITIAL ##
var arr1 = [1,2,3,4];
var arr2 = arr1.slice(-1);
## INITIAL ##
## INITIAL ##
var arr1 = [1,2,3,4];
var arr2 = arr1.slice(1,-1);
## INITIAL ##
## INITIAL ##
var arr1 = [];
var arr2 = arr1.slice();
## INITIAL ##
## INITIAL ##

splice(±index[,length[,values...]]) - Method - Array Funktionen

  • Adds/Removes elements from an array, ∀index<0: index+=length
  • index: betreffende Position
  • length: Anzahl der Elemente, die ab index ausgeschnitten und als Resultat zurückgeben werden, default=length
  • values: neue Elemente, die ab index eingefügt werden
  • Mozilla-Doku: JavaScript/Reference/Global_Objects/Array/splice
ExpressionResulttypeof
var arr1 = [1,2,3,4];
var arr2 = arr1.splice(2);
## INITIAL ##
## INITIAL ##
var arr1 = [1,2,3,4];
var arr2 = arr1.splice(-1);
## INITIAL ##
## INITIAL ##
var arr1 = [1,2,3,4];
var arr2 = arr1.splice(1,1);
## INITIAL ##
## INITIAL ##
var arr1 = [1,2,3,4];
var arr2 = arr1.splice(1,1,'A');
## INITIAL ##
## INITIAL ##
var arr1 = [1,2,3,4];
var arr2 = arr1.splice(1,0,'A','B');
## INITIAL ##
## INITIAL ##

toString() - Method - Array Funktionen

ExpressionResulttypeof
['a','b','c'].toString()
## INITIAL ##
## INITIAL ##
[1,2,3].toString()
## INITIAL ##
## INITIAL ##
[].toString()
## INITIAL ##
## INITIAL ##

forEach(function(value[,index[,array]])[,this]) - Method - Array Funktionen

ExpressionResulttypeof
var result = '<ul>';
['a','b'].forEach(item => result += '<li>' + item + '</li>');
result += '</ul>';
## INITIAL ##
## INITIAL ##
var result = '|';
['a','b','c'].forEach((el,idx) => result += idx + '|');
## INITIAL ##
## INITIAL ##
var result = '|';
['a','b','c'].forEach((el,idx,arr) => result += (el===arr[idx]) + '|');
## INITIAL ##
## INITIAL ##

entries() - Method - Array Funktionen

ExpressionResulttypeof
var result = '|';
for (let el of ['a','b','c'].entries()) {
result += el[0] + '=' + el[1] + '|';
}
## INITIAL ##
## INITIAL ##
var result = '|';
for (let [k,v] of ['a','b','c'].entries()) {
result += k + '=' + v + '|';
}
## INITIAL ##
## INITIAL ##

keys() - Method - Array Funktionen

ExpressionResulttypeof
[1,2,3].keys()
## INITIAL ##
## INITIAL ##
var result = '';
for (let idx of ['a','b','c'].keys()) {
result += idx + '<br>';
}
## INITIAL ##
## INITIAL ##

values() - Method - Array Funktionen

ExpressionResulttypeof
[1,2,3].values()
## INITIAL ##
## INITIAL ##
var result = '';
for (let idx of ['a','b','c'].values()) {
result += idx + '<br>';
}
## INITIAL ##
## INITIAL ##

String Funktionen - JavaScript Dokumentation

  1. new String(value) - Constructor
  2. String(value) - StaticMethod
  3. charAt(index) - Method
  4. charCodeAt(index) - Method
  5. codePointAt(index) - Method
  6. concat(values...) - Method
  7. endsWith(string[,index]) - Method
  8. indexOf(string[,index]) - Method
  9. lastIndexOf(string[,index]) - Method
  10. length - Property
  11. padEnd(length,string) - Method
  12. padStart(length,string) - Method
  13. repeat(number) - Method
  14. replace(string1,string2) - Method
  15. replaceAll(string1,string2) - Method
  16. slice(±index1[,±index2]) - Method
  17. split(string) - Method
  18. startsWith(string[,index]) - Method
  19. substring(index1[,index2]) - Method
  20. toLowerCase() - Method
  21. toUpperCase() - Method
  22. trim() - Method
  23. trimEnd() - Method
  24. trimStart() - Method
  25. substr(±index[,length]) - Method - deprecated
String Funktionen inherits members from Object:
constructor, Object.keys, prototype, toString, valueOf
Mozilla: JavaScript/Reference/Global_Objects/String

new String(value) - Constructor - String Funktionen

ExpressionResulttypeof
new String('Hello world!')
## INITIAL ##
## INITIAL ##
new String(123)
## INITIAL ##
## INITIAL ##
new String('')
## INITIAL ##
## INITIAL ##
new String()
## INITIAL ##
## INITIAL ##
new String(null)
## INITIAL ##
## INITIAL ##
new String(undefined)
## INITIAL ##
## INITIAL ##

String(value) - StaticMethod - String Funktionen

ExpressionResulttypeof
String('Hello world!')
## INITIAL ##
## INITIAL ##
String(123)
## INITIAL ##
## INITIAL ##
String('')
## INITIAL ##
## INITIAL ##
String()
## INITIAL ##
## INITIAL ##
String(null)
## INITIAL ##
## INITIAL ##
String(undefined)
## INITIAL ##
## INITIAL ##

length - Property - String Funktionen

ExpressionResulttypeof
'0123456789ABCDEF'.length
## INITIAL ##
## INITIAL ##
''.length
## INITIAL ##
## INITIAL ##

substring(index1[,index2]) - Method - String Funktionen

ExpressionResulttypeof
'0123456789ABCDEF'.substring(3,8)
## INITIAL ##
## INITIAL ##
'0123456789ABCDEF'.substring(10)
## INITIAL ##
## INITIAL ##

substr(±index[,length]) - Method - String Funktionen

ExpressionResulttypeof
'0123456789ABCDEF'.substr(10,2)
## INITIAL ##
## INITIAL ##
'0123456789ABCDEF'.substr(10)
## INITIAL ##
## INITIAL ##
'0123456789ABCDEF'.substr(-3)
## INITIAL ##
## INITIAL ##
'0123456789ABCDEF'.substr(-6,2)
## INITIAL ##
## INITIAL ##
'0123456789ABCDEF'.substr(-16,16)
## INITIAL ##
## INITIAL ##

slice(±index1[,±index2]) - Method - String Funktionen

ExpressionResulttypeof
'0123456789ABCDEF'.slice(10,13)
## INITIAL ##
## INITIAL ##
'0123456789ABCDEF'.slice(10)
## INITIAL ##
## INITIAL ##
'0123456789ABCDEF'.slice(-3)
## INITIAL ##
## INITIAL ##
'0123456789ABCDEF'.slice(-6,-2)
## INITIAL ##
## INITIAL ##
'0123456789ABCDEF'.slice(-16,16)
## INITIAL ##
## INITIAL ##

toUpperCase() - Method - String Funktionen

ExpressionResulttypeof
'abCDef'.toUpperCase()
## INITIAL ##
## INITIAL ##

toLowerCase() - Method - String Funktionen

ExpressionResulttypeof
'ABcdEF'.toLowerCase()
## INITIAL ##
## INITIAL ##

concat(values...) - Method - String Funktionen

ExpressionResulttypeof
'ABC'.concat('def',1,'ghi')
## INITIAL ##
## INITIAL ##

replace(string1,string2) - Method - String Funktionen

ExpressionResulttypeof
'see my page of my doc'.replace('my','your')
## INITIAL ##
## INITIAL ##
'see my page of my doc'.replace(/my/g,'your')
## INITIAL ##
## INITIAL ##
'see My page of mY doc'.replace(/my/i,'your')
## INITIAL ##
## INITIAL ##
'see My page of mY doc'.replace(/my/ig,'your')
## INITIAL ##
## INITIAL ##

replaceAll(string1,string2) - Method - String Funktionen

ExpressionResulttypeof
'see my page of my doc'.replaceAll('my','your')
## INITIAL ##
## INITIAL ##
'see my page of MY doc'.replaceAll(/my/ig,'his')
## INITIAL ##
## INITIAL ##
'see my page of MY doc'.replaceAll(/[Mm]/g,'$')
## INITIAL ##
## INITIAL ##

trim() - Method - String Funktionen

ExpressionResulttypeof
'.....TEXT...'.replaceAll('.',' ').trim().replaceAll(' ','.')
## INITIAL ##
## INITIAL ##

trimStart() - Method - String Funktionen

ExpressionResulttypeof
'.....TEXT...'.replaceAll('.',' ').trimStart().replaceAll(' ','.')
## INITIAL ##
## INITIAL ##

trimEnd() - Method - String Funktionen

ExpressionResulttypeof
'.....TEXT...'.replaceAll('.',' ').trimEnd().replaceAll(' ','.')
## INITIAL ##
## INITIAL ##

padStart(length,string) - Method - String Funktionen

ExpressionResulttypeof
'TEXT'.padStart(10,'.')
## INITIAL ##
## INITIAL ##
'TEXT'.padStart(2,'-')
## INITIAL ##
## INITIAL ##
new Number(12).toString().padStart(6,'0')
## INITIAL ##
## INITIAL ##

padEnd(length,string) - Method - String Funktionen

ExpressionResulttypeof
'TEXT'.padEnd(10,'.')
## INITIAL ##
## INITIAL ##
'TEXT'.padEnd(10,',.')
## INITIAL ##
## INITIAL ##
'TEXT'.padEnd(3,'.')
## INITIAL ##
## INITIAL ##

charAt(index) - Method - String Funktionen

ExpressionResulttypeof
'ABCDEF'.charAt(4)
## INITIAL ##
## INITIAL ##

charCodeAt(index) - Method - String Funktionen

ExpressionResulttypeof
'0123456789'.charCodeAt(4)
## INITIAL ##
## INITIAL ##
'€'.charCodeAt(0)
## INITIAL ##
## INITIAL ##

codePointAt(index) - Method - String Funktionen

ExpressionResulttypeof
'0123456789'.codePointAt(4)
## INITIAL ##
## INITIAL ##
'€'.codePointAt(0)
## INITIAL ##
## INITIAL ##

split(string) - Method - String Funktionen

ExpressionResulttypeof
'this is a Text'.split(' ')
## INITIAL ##
## INITIAL ##
'this is a Text '.split(' ')
## INITIAL ##
## INITIAL ##
'this is a Text'.split(/t/i)
## INITIAL ##
## INITIAL ##

startsWith(string[,index]) - Method - String Funktionen

ExpressionResulttypeof
'Stationsstrasse'.startsWith('Stat')
## INITIAL ##
## INITIAL ##
'Stationsstrasse'.startsWith('stat')
## INITIAL ##
## INITIAL ##
'Stationsstrasse'.startsWith('str',8)
## INITIAL ##
## INITIAL ##
'Stationsstrasse'.startsWith('')
## INITIAL ##
## INITIAL ##
'Stationsstrasse'.startsWith('','Stationsstrasse'.length)
## INITIAL ##
## INITIAL ##

endsWith(string[,index]) - Method - String Funktionen

ExpressionResulttypeof
'Stationsstrasse'.endsWith('strasse')
## INITIAL ##
## INITIAL ##
'Stationsstrasse'.endsWith('')
## INITIAL ##
## INITIAL ##
'Stationsstrasse'.endsWith('str',11)
## INITIAL ##
## INITIAL ##
'Stationsstrasse'.endsWith('',11)
## INITIAL ##
## INITIAL ##

indexOf(string[,index]) - Method - String Funktionen

ExpressionResulttypeof
'Stations<b>str</b>asse'.indexOf('str')
## INITIAL ##
## INITIAL ##
'Stationsstrasse'.indexOf('xxx')
## INITIAL ##
## INITIAL ##
'Stationsstra<b>s</b>se'.indexOf('s',10)
## INITIAL ##
## INITIAL ##

lastIndexOf(string[,index]) - Method - String Funktionen

ExpressionResulttypeof
'Stations<b>str</b>asse'.lastIndexOf('str')
## INITIAL ##
## INITIAL ##
'Stationsstrasse'.lastIndexOf('xxx')
## INITIAL ##
## INITIAL ##
'Stations<b>s</b>trasse'.lastIndexOf('s',11)
## INITIAL ##
## INITIAL ##

repeat(number) - Method - String Funktionen

ExpressionResulttypeof
'Tom'.repeat(3)
## INITIAL ##
## INITIAL ##
'Tom'.repeat(0)
## INITIAL ##
## INITIAL ##

Datum Funktionen - JavaScript Dokumentation

  1. new Date(number...) - Constructor
  2. Date.now() - StaticMethod
  3. Date.parse(string) - StaticMethod
  4. Date.UTC(number...) - StaticMethod
  5. Date-to-Number Getter - Chapter
  6. Date-to-Number UTC/GMT Getter - Chapter
  7. Date-to-String Getter - Chapter
  8. Number-to-Date Setter - Chapter
  9. Number-to-Date UTC/GMT Setter - Chapter
  10. getDate() - Method
  11. getDay() - Method
  12. getFullYear() - Method
  13. getHours() - Method
  14. getMilliseconds() - Method
  15. getMinutes() - Method
  16. getMonth() - Method
  17. getSeconds() - Method
  18. getTime() - Method
  19. getTimezoneOffset() - Method
  20. getUTCDate() - Method
  21. getUTCDay() - Method
  22. getUTCFullYear() - Method
  23. getUTCHours() - Method
  24. getUTCMilliseconds() - Method
  25. getUTCMinutes() - Method
  26. getUTCMonth() - Method
  27. getUTCSeconds() - Method
  28. setDate(number) - Method
  29. setFullYear(number) - Method
  30. setHours(number) - Method
  31. setMilliseconds(number) - Method
  32. setMinutes(number) - Method
  33. setMonth(number) - Method
  34. setSeconds(number) - Method
  35. setTime(number) - Method
  36. setUTCDate(number) - Method
  37. setUTCFullYear(number) - Method
  38. setUTCHours(number) - Method
  39. setUTCMilliseconds(number) - Method
  40. setUTCMinutes(number) - Method
  41. setUTCMonth(number) - Method
  42. setUTCSeconds(number) - Method
  43. toDateString() - Method
  44. toGMTString() - Method
  45. toISOString() - Method
  46. toJSON() - Method
  47. toLocaleDateString() - Method
  48. toLocaleString() - Method
  49. toLocaleTimeString() - Method
  50. toString() - Method
  51. toTimeString() - Method
  52. toUTCString() - Method
Datum Funktionen inherits members from Object:
constructor, Object.keys, prototype, toString, valueOf
Mozilla: JavaScript/Reference/Global_Objects/Date

new Date(number...) - Constructor - Datum Funktionen

ExpressionResulttypeof
new Date()
## INITIAL ##
## INITIAL ##
new Date(1769432998325)
## INITIAL ##
## INITIAL ##
new Date(2026,0)
## INITIAL ##
## INITIAL ##
new Date(2026,0,26)
## INITIAL ##
## INITIAL ##
new Date(2026,0,26,14)
## INITIAL ##
## INITIAL ##
new Date(2026,0,26,14,9)
## INITIAL ##
## INITIAL ##
new Date(2026,0,26,14,9,58)
## INITIAL ##
## INITIAL ##
new Date(2026,0,26,14,9,58,325)
## INITIAL ##
## INITIAL ##
new Date('2026')
## INITIAL ##
## INITIAL ##
new Date('2026-01')
## INITIAL ##
## INITIAL ##
new Date('2026-01-26')
## INITIAL ##
## INITIAL ##
new Date('2026-01-26 14:09')
## INITIAL ##
## INITIAL ##
new Date('2026-01-26 14:09:58')
## INITIAL ##
## INITIAL ##
new Date('2026-01-26 14:09:58+0100')
## INITIAL ##
## INITIAL ##
new Date('2026-01-26 20:09:58+0700')
## INITIAL ##
## INITIAL ##
new Date(new Date().toISOString())
## INITIAL ##
## INITIAL ##
new Date(new Date().toJSON())
## INITIAL ##
## INITIAL ##

Date.UTC(number...) - StaticMethod - Datum Funktionen

ExpressionResulttypeof
Date.UTC(2026,0)
## INITIAL ##
## INITIAL ##
Date.UTC(2026,0,26)
## INITIAL ##
## INITIAL ##
Date.UTC(2026,0,26,13)
## INITIAL ##
## INITIAL ##
Date.UTC(2026,0,26,13,9)
## INITIAL ##
## INITIAL ##
Date.UTC(2026,0,26,13,9,58)
## INITIAL ##
## INITIAL ##
Date.UTC(2026,0,26,13,9,58,351)
## INITIAL ##
## INITIAL ##
new Date(Date.UTC(2026,0,26,13,9,58))
## INITIAL ##
## INITIAL ##

Date.now() - StaticMethod - Datum Funktionen

ExpressionResulttypeof
Date.now()
## INITIAL ##
## INITIAL ##
new Date().getTime()
## INITIAL ##
## INITIAL ##

Date.parse(string) - StaticMethod - Datum Funktionen

ExpressionResulttypeof
Date.parse('March 21, 2012')
## INITIAL ##
## INITIAL ##

Date-to-String Getter - Chapter - Datum Funktionen

ExpressionResulttypeof
new Date().toString()
## INITIAL ##
## INITIAL ##
new Date().toDateString()
## INITIAL ##
## INITIAL ##
new Date().toTimeString()
## INITIAL ##
## INITIAL ##
new Date().toLocaleString()
## INITIAL ##
## INITIAL ##
new Date().toLocaleDateString()
## INITIAL ##
## INITIAL ##
new Date().toLocaleTimeString()
## INITIAL ##
## INITIAL ##
new Date().toUTCString()
## INITIAL ##
## INITIAL ##
new Date().toGMTString()
## INITIAL ##
## INITIAL ##
new Date().toISOString()
## INITIAL ##
## INITIAL ##
new Date().toJSON()
## INITIAL ##
## INITIAL ##

toString() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().toString()
## INITIAL ##
## INITIAL ##

toDateString() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().toDateString()
## INITIAL ##
## INITIAL ##

toTimeString() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().toTimeString()
## INITIAL ##
## INITIAL ##

toLocaleString() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().toLocaleString()
## INITIAL ##
## INITIAL ##

toLocaleDateString() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().toLocaleDateString()
## INITIAL ##
## INITIAL ##

toLocaleTimeString() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().toLocaleTimeString()
## INITIAL ##
## INITIAL ##

toUTCString() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().toUTCString()
## INITIAL ##
## INITIAL ##

toGMTString() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().toGMTString()
## INITIAL ##
## INITIAL ##

toISOString() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().toISOString()
## INITIAL ##
## INITIAL ##

toJSON() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().toJSON()
## INITIAL ##
## INITIAL ##

Date-to-Number Getter - Chapter - Datum Funktionen

ExpressionResulttypeof
new Date().getFullYear()
## INITIAL ##
## INITIAL ##
new Date().getMonth()
## INITIAL ##
## INITIAL ##
['Jan','Feb','März','April','Mai','Juni','Juli','Aug','Sept','Okt','Nov','Dez'][new Date().getMonth()]
## INITIAL ##
## INITIAL ##
new Date().getDate()
## INITIAL ##
## INITIAL ##
new Date().getDay()
## INITIAL ##
## INITIAL ##
['So','Mo','Di','Mi','Do','Fr','Sa'][new Date().getDay()]
## INITIAL ##
## INITIAL ##
new Date().getHours()
## INITIAL ##
## INITIAL ##
new Date().getMinutes()
## INITIAL ##
## INITIAL ##
new Date().getSeconds()
## INITIAL ##
## INITIAL ##
new Date().getMilliseconds()
## INITIAL ##
## INITIAL ##
new Date().getTimezoneOffset()
## INITIAL ##
## INITIAL ##
new Date().getTime()
## INITIAL ##
## INITIAL ##

getFullYear() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getFullYear()
## INITIAL ##
## INITIAL ##

getMonth() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getMonth()
## INITIAL ##
## INITIAL ##
['Jan','Feb','März','April','Mai','Juni','Juli','Aug','Sept','Okt','Nov','Dez'][new Date().getMonth()]
## INITIAL ##
## INITIAL ##

getDate() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getDate()
## INITIAL ##
## INITIAL ##

getDay() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getDay()
## INITIAL ##
## INITIAL ##
['So','Mo','Di','Mi','Do','Fr','Sa'][new Date().getDay()]
## INITIAL ##
## INITIAL ##

getHours() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getHours()
## INITIAL ##
## INITIAL ##

getMinutes() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getMinutes()
## INITIAL ##
## INITIAL ##

getSeconds() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getSeconds()
## INITIAL ##
## INITIAL ##

getMilliseconds() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getMilliseconds()
## INITIAL ##
## INITIAL ##

getTimezoneOffset() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getTimezoneOffset()
## INITIAL ##
## INITIAL ##

getTime() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getTime()
## INITIAL ##
## INITIAL ##

Date-to-Number UTC/GMT Getter - Chapter - Datum Funktionen

ExpressionResulttypeof
new Date().getUTCFullYear()
## INITIAL ##
## INITIAL ##
new Date().getUTCMonth()
## INITIAL ##
## INITIAL ##
new Date().getUTCDate()
## INITIAL ##
## INITIAL ##
new Date().getUTCDay()
## INITIAL ##
## INITIAL ##
new Date().getUTCHours()
## INITIAL ##
## INITIAL ##
new Date().getUTCMinutes()
## INITIAL ##
## INITIAL ##
new Date().getUTCSeconds()
## INITIAL ##
## INITIAL ##
new Date().getUTCMilliseconds()
## INITIAL ##
## INITIAL ##

getUTCFullYear() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getUTCFullYear()
## INITIAL ##
## INITIAL ##

getUTCMonth() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getUTCMonth()
## INITIAL ##
## INITIAL ##

getUTCDate() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getUTCDate()
## INITIAL ##
## INITIAL ##

getUTCDay() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getUTCDay()
## INITIAL ##
## INITIAL ##

getUTCHours() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getUTCHours()
## INITIAL ##
## INITIAL ##

getUTCMinutes() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getUTCMinutes()
## INITIAL ##
## INITIAL ##

getUTCSeconds() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getUTCSeconds()
## INITIAL ##
## INITIAL ##

getUTCMilliseconds() - Method - Datum Funktionen

ExpressionResulttypeof
new Date().getUTCMilliseconds()
## INITIAL ##
## INITIAL ##

Number-to-Date Setter - Chapter - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setFullYear(3);
## INITIAL ##
## INITIAL ##
var result = new Date();
result.setMonth(3);
## INITIAL ##
## INITIAL ##
var result = new Date();
result.setDate(3);
## INITIAL ##
## INITIAL ##
var result = new Date();
result.setHours(3);
## INITIAL ##
## INITIAL ##
var result = new Date();
result.setMinutes(3);
## INITIAL ##
## INITIAL ##
var result = new Date();
result.setSeconds(3);
## INITIAL ##
## INITIAL ##
var result = new Date();
result.setMilliseconds(3);
## INITIAL ##
## INITIAL ##
var result = new Date();
result.setTime(1769432998466);
## INITIAL ##
## INITIAL ##

setFullYear(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setFullYear(3);
## INITIAL ##
## INITIAL ##

setMonth(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setMonth(3);
## INITIAL ##
## INITIAL ##

setDate(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setDate(3);
## INITIAL ##
## INITIAL ##

setHours(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setHours(3);
## INITIAL ##
## INITIAL ##

setMinutes(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setMinutes(3);
## INITIAL ##
## INITIAL ##

setSeconds(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setSeconds(3);
## INITIAL ##
## INITIAL ##

setMilliseconds(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setMilliseconds(3);
## INITIAL ##
## INITIAL ##

setTime(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setTime(1769432998491);
## INITIAL ##
## INITIAL ##

Number-to-Date UTC/GMT Setter - Chapter - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setUTCFullYear(3);
## INITIAL ##
## INITIAL ##
var result = new Date();
result.setUTCMonth(3);
## INITIAL ##
## INITIAL ##
var result = new Date();
result.setUTCDate(3);
## INITIAL ##
## INITIAL ##
var result = new Date();
result.setUTCHours(3);
## INITIAL ##
## INITIAL ##
var result = new Date();
result.setUTCMinutes(3);
## INITIAL ##
## INITIAL ##
var result = new Date();
result.setUTCSeconds(3);
## INITIAL ##
## INITIAL ##
var result = new Date();
result.setUTCMilliseconds(3);
## INITIAL ##
## INITIAL ##

setUTCFullYear(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setUTCFullYear(3);
## INITIAL ##
## INITIAL ##

setUTCMonth(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setUTCMonth(3);
## INITIAL ##
## INITIAL ##

setUTCDate(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setUTCDate(3);
## INITIAL ##
## INITIAL ##

setUTCHours(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setUTCHours(3);
## INITIAL ##
## INITIAL ##

setUTCMinutes(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setUTCMinutes(3);
## INITIAL ##
## INITIAL ##

setUTCSeconds(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setUTCSeconds(3);
## INITIAL ##
## INITIAL ##

setUTCMilliseconds(number) - Method - Datum Funktionen

ExpressionResulttypeof
var result = new Date();
result.setUTCMilliseconds(3);
## INITIAL ##
## INITIAL ##

Number Funktionen - JavaScript Dokumentation

  1. new Number(value) - Constructor
  2. Number(number) - StaticMethod
  3. Number.EPSILON - StaticProperty
  4. Number.isFinite(value) - StaticMethod
  5. Number.isInteger(value) - StaticMethod
  6. Number.isNaN(value) - StaticMethod
  7. Number.isSafeInteger(value) - StaticMethod
  8. Number.MAX_SAFE_INTEGER - StaticProperty
  9. Number.MAX_VALUE - StaticProperty
  10. Number.MIN_SAFE_INTEGER - StaticProperty
  11. Number.MIN_VALUE - StaticProperty
  12. Number.NaN - StaticProperty
  13. Number.NEGATIVE_INFINITY - StaticProperty
  14. Number.parseFloat(string) - StaticMethod
  15. Number.parseInt(string) - StaticMethod
  16. Number.POSITIVE_INFINITY - StaticProperty
  17. toExponential(number) - Method
  18. toFixed(number) - Method
  19. toLocaleString([locale]) - Method
  20. toPrecision(number) - Method
  21. toString() - Method
Number Funktionen inherits members from Object:
constructor, Object.keys, prototype, toString, valueOf
Mozilla: JavaScript/Reference/Global_Objects/Number

new Number(value) - Constructor - Number Funktionen

ExpressionResulttypeof
new Number(2)
## INITIAL ##
## INITIAL ##
new Number('')
## INITIAL ##
## INITIAL ##
new Number()
## INITIAL ##
## INITIAL ##
new Number(null)
## INITIAL ##
## INITIAL ##
new Number('a')
## INITIAL ##
## INITIAL ##
new Number(undefined)
## INITIAL ##
## INITIAL ##

Number(number) - StaticMethod - Number Funktionen

ExpressionResulttypeof
Number(2)
## INITIAL ##
## INITIAL ##
Number('')
## INITIAL ##
## INITIAL ##
Number()
## INITIAL ##
## INITIAL ##
Number(null)
## INITIAL ##
## INITIAL ##
Number('a')
## INITIAL ##
## INITIAL ##
Number(undefined)
## INITIAL ##
## INITIAL ##

Number.EPSILON - StaticProperty - Number Funktionen

ExpressionResulttypeof
Number.EPSILON
## INITIAL ##
## INITIAL ##

Number.MAX_VALUE - StaticProperty - Number Funktionen

ExpressionResulttypeof
Number.MAX_VALUE
## INITIAL ##
## INITIAL ##

Number.MIN_VALUE - StaticProperty - Number Funktionen

ExpressionResulttypeof
Number.MIN_VALUE
## INITIAL ##
## INITIAL ##

Number.POSITIVE_INFINITY - StaticProperty - Number Funktionen

ExpressionResulttypeof
Number.POSITIVE_INFINITY
## INITIAL ##
## INITIAL ##

Number.NEGATIVE_INFINITY - StaticProperty - Number Funktionen

ExpressionResulttypeof
Number.NEGATIVE_INFINITY
## INITIAL ##
## INITIAL ##

Number.MAX_SAFE_INTEGER - StaticProperty - Number Funktionen

ExpressionResulttypeof
Number.MAX_SAFE_INTEGER
## INITIAL ##
## INITIAL ##

Number.MIN_SAFE_INTEGER - StaticProperty - Number Funktionen

ExpressionResulttypeof
Number.MIN_SAFE_INTEGER
## INITIAL ##
## INITIAL ##

Number.isSafeInteger(value) - StaticMethod - Number Funktionen

ExpressionResulttypeof
Number.isSafeInteger(123)
## INITIAL ##
## INITIAL ##
Number.isSafeInteger('a')
## INITIAL ##
## INITIAL ##
Number.isSafeInteger()
## INITIAL ##
## INITIAL ##

Number.NaN - StaticProperty - Number Funktionen

ExpressionResulttypeof
Number.NaN
## INITIAL ##
## INITIAL ##
Number.isNaN(Number.NaN)
## INITIAL ##
## INITIAL ##

Number.isNaN(value) - StaticMethod - Number Funktionen

ExpressionResulttypeof
Number.isNaN(Number.NaN)
## INITIAL ##
## INITIAL ##
Number.isNaN(1)
## INITIAL ##
## INITIAL ##

Number.isFinite(value) - StaticMethod - Number Funktionen

ExpressionResulttypeof
Number.isFinite(1)
## INITIAL ##
## INITIAL ##
Number.isFinite('a')
## INITIAL ##
## INITIAL ##
Number.isFinite()
## INITIAL ##
## INITIAL ##

Number.isInteger(value) - StaticMethod - Number Funktionen

ExpressionResulttypeof
Number.isInteger(1)
## INITIAL ##
## INITIAL ##
Number.isInteger(1.2)
## INITIAL ##
## INITIAL ##
Number.isInteger('a')
## INITIAL ##
## INITIAL ##

Number.parseFloat(string) - StaticMethod - Number Funktionen

ExpressionResulttypeof
Number.parseFloat('3.14')
## INITIAL ##
## INITIAL ##
Number.parseFloat('1e6')
## INITIAL ##
## INITIAL ##
Number.parseFloat('a')
## INITIAL ##
## INITIAL ##

Number.parseInt(string) - StaticMethod - Number Funktionen

ExpressionResulttypeof
Number.parseInt('123')
## INITIAL ##
## INITIAL ##
Number.parseInt('123.4')
## INITIAL ##
## INITIAL ##
Number.parseInt('-2.8')
## INITIAL ##
## INITIAL ##
Number.parseInt('a.a')
## INITIAL ##
## INITIAL ##

toFixed(number) - Method - Number Funktionen

ExpressionResulttypeof
Number(12).toFixed(2)
## INITIAL ##
## INITIAL ##
Math.random().toFixed(3)
## INITIAL ##
## INITIAL ##
Number(-12.1288).toFixed(2)
## INITIAL ##
## INITIAL ##

toPrecision(number) - Method - Number Funktionen

ExpressionResulttypeof
Number(1.234567).toPrecision(4)
## INITIAL ##
## INITIAL ##
Number(-1.234567).toPrecision(4)
## INITIAL ##
## INITIAL ##
Math.random().toPrecision(3)
## INITIAL ##
## INITIAL ##
Number(100.33333).toPrecision(4)
## INITIAL ##
## INITIAL ##

toExponential(number) - Method - Number Funktionen

ExpressionResulttypeof
Number(1_000_000).toExponential()
## INITIAL ##
## INITIAL ##
Number.EPSILON.toExponential(2)
## INITIAL ##
## INITIAL ##
'lightspeed = ' + Number(299792458).toExponential(0) + ' m/s'
## INITIAL ##
## INITIAL ##
'avogadro = ' + Number(6.02214076e23).toExponential(2) + ' per mol'
## INITIAL ##
## INITIAL ##

toString() - Method - Number Funktionen

ExpressionResulttypeof
Number(1).toString()
## INITIAL ##
## INITIAL ##

toLocaleString([locale]) - Method - Number Funktionen

ExpressionResulttypeof
Number(1234.1234).toLocaleString()
## INITIAL ##
## INITIAL ##
Number(1234.1234).toLocaleString('de-CH')
## INITIAL ##
## INITIAL ##

Iterator - JavaScript Dokumentation

see also: Object.keys, ArrayFunction.entries, NodeList.entries, TokenList.entries, UrlSearchParams.entries, ArrayFunction.keys, NodeList.keys, TokenList.keys, UrlSearchParams.keys, ArrayFunction.values, NodeList.values, TokenList.values, UrlSearchParams.values
Mozilla: JavaScript/Reference/Iteration_protocols

Console - JavaScript Dokumentation

für dieses Kapitel sollte die Konsole eingeblendet werden, F12 drücken!
  1. assert(condition,string) - Method
  2. clear() - Method
  3. count([string]) - Method
  4. error(string) - Method
  5. group([string]) - Method
  6. groupCollapsed([string]) - Method
  7. groupEnd() - Method
  8. info(string) - Method
  9. log(string) - Method
  10. table(tabledata[,tablecolumns]) - Method
  11. time([string]) - Method
  12. timeEnd([string]) - Method
  13. trace([string]) - Method
  14. warn(string) - Method
see also: WindowObject.console
Mozilla: API/console

log(string) - Method - Console

  • loggt eine Message in die console
  • string: the message
  • Mozilla-Doku: API/console/log
ExpressionButton
console.log('Hello')

info(string) - Method - Console

  • loggt eine Message in die console
  • string: the message
  • Mozilla-Doku: API/console/info
ExpressionButton
console.info('Hello')

trace([string]) - Method - Console

  • loggt eine Positionsangabe in die console
  • string: label tracename, default='console.trace'
  • Mozilla-Doku: API/console/trace
ExpressionButton
console.trace()
console.trace('MYTRACE')

count([string]) - Method - Console

  • loggt eine aufsteigende Zahl in die console
  • string: label countname, default='default'
  • Mozilla-Doku: API/console/count
ExpressionButton
console.count()
console.count('COUNTER')

warn(string) - Method - Console

  • loggt eine Warning-Message in die console (mit gelb, Positionsabgabe)
  • string: the message
  • Mozilla-Doku: API/console/warn
ExpressionButton
console.warn('Hello')

error(string) - Method - Console

  • loggt eine Error-Message in die console (mit rot, Positionsangabe)
  • string: the message
  • Mozilla-Doku: API/console/error
ExpressionButton
console.error('Hello')

assert(condition,string) - Method - Console

  • loggt eine Error-Message in die console, wenn die Bedingung falsch ist (mit rot, Positionsangabe)
  • condition: Bedingung (boolean), die true sein soll
  • string: the message
  • Mozilla-Doku: API/console/assert
ExpressionButton
console.assert(1 != 1, 'Die Aussage (1!=1) ist falsch')

time([string]) - Method - Console

  • Start Zeitmessung, Anzeige bei Ende
  • time und timeEnd (mit gleichem timernamen) müssen der Reihe nach augerufen werden
  • mehrere Timer mit unterschiedlichen timernamen gleichzeitig möglich
  • string: label timername, default='default'
  • see also: timeEnd
  • Mozilla-Doku: API/console/time
ExpressionButton
console.time()
console.timeEnd()
console.time('MYTIMING')
console.timeEnd('MYTIMING')

timeEnd([string]) - Method - Console

  • Ende Zeitmessung und Anzeige
  • time und timeEnd (mit gleichem timernamen) müssen der Reihe nach augerufen werden
  • string: label timername, default='default'
  • see also: time
  • Mozilla-Doku: API/console/timeEnd
ExpressionButton
console.time()
console.timeEnd()

group([string]) - Method - Console

  • erstellt eingerückte, aufgeklappte Gruppe (veschachtelbar) für die nachfolgenden logs
  • string: label groupname, default='console.group'
  • see also: groupEnd
  • Mozilla-Doku: API/console/group
ExpressionButton
console.group()
console.group('MYGROUP')
console.groupEnd()

groupCollapsed([string]) - Method - Console

  • erstellt eingerückte, zugeklappte Gruppe (veschachtelbar) für die nachfolgenden logs
  • string: label groupname, default='console.groupCollapsed'
  • see also: groupEnd
  • Mozilla-Doku: API/console/groupCollapsed
ExpressionButton
console.groupCollapsed()
console.groupCollapsed('COLLAPSEDGROUP')
console.groupEnd()

groupEnd() - Method - Console

ExpressionButton
console.group()
console.groupCollapsed()
console.groupEnd()

table(tabledata[,tablecolumns]) - Method - Console

  • loggt ein Object als eine Tabelle
  • tabledata: ein Array oder ein Object
  • tablecolumns: anzuzeigende Spalten: nur wenn Array von Object
  • Mozilla-Doku: API/console/table
ExpressionButton
console.table({firstname:'Peter',lastname:'Müller'})
console.table(['a','b','c'])
console.table([{firstname:'Peter',lastname:'Müller'}
,{lastname:'Müller',firstname:'Peter',adr:'Street'}])
console.table([{firstname:'Peter',lastname:'Müller'}
,{lastname:'Müller',firstname:'Peter',adr:'Street'}]
,['adr','lastname'])

clear() - Method - Console

ExpressionButton
console.clear()

CSSStyleDeclaration Object - JavaScript Dokumentation

  1. cssText - Property
  2. getPropertyPriority(string) - Method
  3. getPropertyValue(string) - Method
  4. item(index) - Method
  5. length - Property
  6. parentRule - Property
  7. removeProperty() - Method
  8. setProperty() - Method
see also: WindowObject.getComputedStyle
Mozilla: API/CSSStyleDeclaration

getPropertyValue(string) - Method - CSSStyleDeclaration Object

Test-ElementExpressionResulttypeof
TEST
var element = document.getElementById('gen02604');
var css = getComputedStyle(element);
var result = css.getPropertyValue('border-color');
## INITIAL ##
## INITIAL ##
TEST
var element = document.getElementById('gen02609');
var css = getComputedStyle(element);
var result = css.getPropertyValue('font-size');
## INITIAL ##
## INITIAL ##

length - Property - CSSStyleDeclaration Object

Test-ElementExpressionResulttypeof
TEST
var el = document.getElementById('gen02615');
var result = getComputedStyle(el).length;
## INITIAL ##
## INITIAL ##

item(index) - Method - CSSStyleDeclaration Object

Test-ElementExpressionResulttypeof
TEST
var el = document.getElementById('gen02621');
var result = getComputedStyle(el).item(0);
## INITIAL ##
## INITIAL ##

cssText - Property - CSSStyleDeclaration Object

Test-ElementExpressionResulttypeof
TEST
var el = document.getElementById('gen02627');
var result = getComputedStyle(el).cssText;
## INITIAL ##
## INITIAL ##

setProperty() - Method - CSSStyleDeclaration Object

removeProperty() - Method - CSSStyleDeclaration Object

getPropertyPriority(string) - Method - CSSStyleDeclaration Object

Test-ElementExpressionResulttypeof
TEST
var el = document.getElementById('gen02633');
var result = getComputedStyle(el).getPropertyPriority('color');
## INITIAL ##
## INITIAL ##

parentRule - Property - CSSStyleDeclaration Object

Test-ElementExpressionResulttypeof
TEST
var el = document.getElementById('gen02639');
var result = getComputedStyle(el).parentRule;
## INITIAL ##
## INITIAL ##

Error Object - JavaScript Dokumentation

  1. new Error(string) - Constructor
  2. message - Property
  3. name - Property
  4. RangeError - Object
  5. ReferenceError - Object
  6. SyntaxError - Object
  7. TypeError - Object
  8. URIError - Object
Error Object inherits members from Object:
constructor, Object.keys, prototype, toString, valueOf
Mozilla: JavaScript/Reference/Global_Objects/Error

new Error(string) - Constructor - Error Object

ExpressionResult
try {
function calcArea_gen02644(width, height) {
if (isNaN(width) || isNaN(height)) {
throw new Error('wrong parameters');
}
return width * height;
}
var result = calcArea_gen02644(2,'a');
} catch (err) {
return '<b>'+err.name+'</b><br>'+err.message;
}
## INITIAL ##

name - Property - Error Object

message - Property - Error Object

RangeError - Object - Error Object

ExpressionResult
try {
return Number(1).toPrecision(500);
} catch (err) {
return '<b>'+err.name+'</b><br>'+err.message;
}
## INITIAL ##

ReferenceError - Object - Error Object

ExpressionResult
try {
addXlert('Hello');
return 'success';
} catch (err) {
return '<b>'+err.name+'</b><br>'+err.message;
}
## INITIAL ##

SyntaxError - Object - Error Object

ExpressionResult
try {
return eval('"Hello');
} catch (err) {
return '<b>'+err.name+'</b><br>'+err.message;
}
## INITIAL ##

TypeError - Object - Error Object

ExpressionResult
try {
return Number(1).toUpperCase();
} catch (err) {
return '<b>'+err.name+'</b><br>'+err.message;
}
## INITIAL ##

URIError - Object - Error Object

ExpressionResult
try {
return decodeURI('%%');
} catch (err) {
return '<b>'+err.name+'</b><br>'+err.message;
}
## INITIAL ##
try {
return decodeURI('%FC');
} catch (err) {
return '<b>'+err.name+'</b><br>'+err.message;
}
## INITIAL ##
try {
return encodeURI('ü');
} catch (err) {
return '<b>'+err.name+'</b><br>'+err.message;
}
## INITIAL ##

History Object - JavaScript Dokumentation

  1. back() - Method
  2. forward() - Method
  3. go(number) - Method
  4. length - Property
see also: WindowObject.history
Mozilla: API/History

back() - Method - History Object

ExpressionButton
history.back()

forward() - Method - History Object

ExpressionButton
history.forward()

go(number) - Method - History Object

ExpressionButton
history.go(-1)
history.go(0)

length - Property - History Object

ExpressionResulttypeof
history.length
## INITIAL ##
## INITIAL ##

JSON Object - JavaScript Dokumentation

Eine Datenstruktur im Code ist direkt ein JSON-Object. Um eine solche zu empfangen oder zu senden, muss ein Datenstruktur in/von einen String umgewandelt werden.
  1. JSON.parse(string[,function(key,value)]) - StaticMethod
  2. JSON.stringify(object[,function(key,value)[,indent]]) - StaticMethod
Mozilla: JavaScript/Reference/Global_Objects/JSON

JSON.stringify(object[,function(key,value)[,indent]]) - StaticMethod - JSON Object

  • kovertiert ein JavaScript object in einen JSON string. toJSON() muss nicht angegeben werden.
  • object: a JSON-Object
  • function: eine Funktion wird für jedes key-value-pair aufgerufen (top-down), oder null
  • key: object-name
  • value: object-value
  • indent: Anzahl spaces für indent
  • Mozilla-Doku: JavaScript/Reference/Global_Objects/JSON/stringify
ExpressionResulttypeof
var json = {
lang: ['de','fr','th'],
numbers: [1,2,3]
};
var result = json;
## INITIAL ##
## INITIAL ##
JSON.stringify(json,null,2)
## INITIAL ##
## INITIAL ##
var values = '';
var jsonstring = JSON.stringify(json, (k,v) => {
values += k+'='+v+'<br>';
if (typeof v === 'string') {
return v+v.length;
} else if (Array.isArray(v)) {
return v.reverse();
} else if (Number.isInteger(v)) {
return 10*v;
} else {
return v;
}
});
var result = values + jsonstring;
## INITIAL ##
## INITIAL ##
JSON.stringify(json,null,2)
/** the arrays are still reversed **/
## INITIAL ##
## INITIAL ##

JSON.parse(string[,function(key,value)]) - StaticMethod - JSON Object

  • Parses a JSON string and returns a JavaScript object. All string-values and keys must be double-quoted.
  • string: a JSON-String
  • function: eine Funktion wird für jedes key-value-pair aufgerufen (bottom-up)
  • key: object-name
  • value: object-value
  • Mozilla-Doku: JavaScript/Reference/Global_Objects/JSON/parse
ExpressionResulttypeof
var jsonstring = '{ ';
jsonstring += '"lang" : ["de","fr","th"] ';
jsonstring += ', ';
jsonstring += '"numbers" : [1,2,3] ';
jsonstring += '}';
var result = jsonstring;
## INITIAL ##
## INITIAL ##
JSON.parse(jsonstring)
## INITIAL ##
## INITIAL ##
var values = '';
var json = JSON.parse(jsonstring, (k,v) => {
values += k+'='+v+'<br>';
if (typeof v === 'string') {
return v.toUpperCase();
} else if (Array.isArray(v)) {
return v.reverse();
} else if (Number.isInteger(v)) {
return 10*v;
} else {
return v;
}
});
var result = values + JSON.stringify(json);
## INITIAL ##
## INITIAL ##

Location Object - JavaScript Dokumentation

click here to test this chapter
  1. assign() - Method
  2. hash - Property
  3. host - Property
  4. hostname - Property
  5. href - Property
  6. origin - Property
  7. pathname - Property
  8. port - Property
  9. protocol - Property
  10. reload() - Method
  11. replace() - Method
  12. search - Property
see also: WindowObject.location
Mozilla: API/Location

href - Property - Location Object

ExpressionResulttypeof
location.href
## INITIAL ##
## INITIAL ##

origin - Property - Location Object

ExpressionResulttypeof
location.origin
## INITIAL ##
## INITIAL ##

protocol - Property - Location Object

ExpressionResulttypeof
location.protocol
## INITIAL ##
## INITIAL ##

host - Property - Location Object

  • Sets or returns the hostname and port number
  • Port 80 is suppressed
  • Mozilla-Doku: API/Location/host
ExpressionResulttypeof
location.host
## INITIAL ##
## INITIAL ##

hostname - Property - Location Object

ExpressionResulttypeof
location.hostname
## INITIAL ##
## INITIAL ##

port - Property - Location Object

ExpressionResulttypeof
location.port
## INITIAL ##
## INITIAL ##

pathname - Property - Location Object

ExpressionResulttypeof
location.pathname
## INITIAL ##
## INITIAL ##

search - Property - Location Object

ExpressionResulttypeof
location.search
## INITIAL ##
## INITIAL ##

hash - Property - Location Object

ExpressionResulttypeof
location.hash
## INITIAL ##
## INITIAL ##

reload() - Method - Location Object

assign() - Method - Location Object

replace() - Method - Location Object

Screen Object - JavaScript Dokumentation

  1. availHeight - Property
  2. availWidth - Property
  3. colorDepth - Property
  4. height - Property
  5. pixelDepth - Property
  6. width - Property
see also: WindowObject.screen
Mozilla: API/Screen

width - Property - Screen Object

ExpressionResulttypeof
screen.width
## INITIAL ##
## INITIAL ##

height - Property - Screen Object

ExpressionResulttypeof
screen.height
## INITIAL ##
## INITIAL ##

availWidth - Property - Screen Object

ExpressionResulttypeof
screen.availWidth
## INITIAL ##
## INITIAL ##

availHeight - Property - Screen Object

ExpressionResulttypeof
screen.availHeight
## INITIAL ##
## INITIAL ##

colorDepth - Property - Screen Object

ExpressionResulttypeof
screen.colorDepth
## INITIAL ##
## INITIAL ##

pixelDepth - Property - Screen Object

ExpressionResulttypeof
screen.pixelDepth
## INITIAL ##
## INITIAL ##

Style Properties - JavaScript Dokumentation

Jedes Element besitzt ein style-Property, durch dieses viele CSS-Einstellungen gesetzt und abgefragt werden können.
Zusammenfassung Border-Properties (ohne Radius/Image):
border (diese Tabelle)borderStyle (diese Spalte)borderWidth (diese Spalte)borderColor (diese Spalte)
borderTop (diese Zeile)borderTopStyleborderTopWidthborderTopColor
borderLeft (diese Zeile)borderLeftStyleborderLeftWidthborderLeftColor
borderRight (diese Zeile)borderRightStyleborderRightWidthborderRightColor
borderBottom (diese Zeile)borderBottomStyleborderBottomWidthborderBottomColor
  1. alignContent - Property
  2. alignItems - Property
  3. alignSelf - Property
  4. animation - Property
  5. animationDelay - Property
  6. animationDirection - Property
  7. animationDuration - Property
  8. animationFillMode - Property
  9. animationIterationCount - Property
  10. animationName - Property
  11. animationPlayState - Property
  12. animationTimingFunction - Property
  13. backfaceVisibility - Property
  14. background - Property
  15. backgroundAttachment - Property
  16. backgroundClip - Property
  17. backgroundColor - Property
  18. backgroundImage - Property
  19. backgroundOrigin - Property
  20. backgroundPosition - Property
  21. backgroundRepeat - Property
  22. backgroundSize - Property
  23. border - Property
  24. borderBottom - Property
  25. borderBottomColor - Property
  26. borderBottomLeftRadius - Property
  27. borderBottomRightRadius - Property
  28. borderBottomStyle - Property
  29. borderBottomWidth - Property
  30. borderCollapse - Property
  31. borderColor - Property
  32. borderImage - Property
  33. borderImageOutset - Property
  34. borderImageRepeat - Property
  35. borderImageSlice - Property
  36. borderImageSource - Property
  37. borderImageWidth - Property
  38. borderLeft - Property
  39. borderLeftColor - Property
  40. borderLeftStyle - Property
  41. borderLeftWidth - Property
  42. borderRadius - Property
  43. borderRight - Property
  44. borderRightColor - Property
  45. borderRightStyle - Property
  46. borderRightWidth - Property
  47. borderSpacing - Property
  48. borderStyle - Property
  49. borderTop - Property
  50. borderTopColor - Property
  51. borderTopLeftRadius - Property
  52. borderTopRightRadius - Property
  53. borderTopStyle - Property
  54. borderTopWidth - Property
  55. borderWidth - Property
  56. bottom - Property
  57. boxDecorationBreak - Property
  58. boxShadow - Property
  59. boxSizing - Property
  60. captionSide - Property
  61. caretColor - Property
  62. clear - Property
  63. clip - Property
  64. color - Property
  65. columnCount - Property
  66. columnFill - Property
  67. columnGap - Property
  68. columnRule - Property
  69. columnRuleColor - Property
  70. columnRuleStyle - Property
  71. columnRuleWidth - Property
  72. columns - Property
  73. columnSpan - Property
  74. columnWidth - Property
  75. content - Property
  76. counterIncrement - Property
  77. counterReset - Property
  78. cssFloat - Property
  79. cursor - Property
  80. direction - Property
  81. display - Property
  82. emptyCells - Property
  83. filter - Property
  84. flex - Property
  85. flexBasis - Property
  86. flexDirection - Property
  87. flexFlow - Property
  88. flexGrow - Property
  89. flexShrink - Property
  90. flexWrap - Property
  91. font - Property
  92. fontFamily - Property
  93. fontSize - Property
  94. fontSizeAdjust - Property
  95. fontStretch - Property
  96. fontStyle - Property
  97. fontVariant - Property
  98. fontWeight - Property
  99. hangingPunctuation - Property
  100. height - Property
  101. hyphens - Property
  102. icon - Property
  103. imageOrientation - Property
  104. isolation - Property
  105. justifyContent - Property
  106. left - Property
  107. letterSpacing - Property
  108. lineHeight - Property
  109. listStyle - Property
  110. listStyleImage - Property
  111. listStylePosition - Property
  112. listStyleType - Property
  113. margin - Property
  114. marginBottom - Property
  115. marginLeft - Property
  116. marginRight - Property
  117. marginTop - Property
  118. maxHeight - Property
  119. maxWidth - Property
  120. minHeight - Property
  121. minWidth - Property
  122. navDown - Property
  123. navIndex - Property
  124. navLeft - Property
  125. navRight - Property
  126. navUp - Property
  127. objectFit - Property
  128. objectPosition - Property
  129. opacity - Property
  130. order - Property
  131. orphans - Property
  132. outline - Property
  133. outlineColor - Property
  134. outlineOffset - Property
  135. outlineStyle - Property
  136. outlineWidth - Property
  137. overflow - Property
  138. overflowX - Property
  139. overflowY - Property
  140. padding - Property
  141. paddingBottom - Property
  142. paddingLeft - Property
  143. paddingRight - Property
  144. paddingTop - Property
  145. pageBreakAfter - Property
  146. pageBreakBefore - Property
  147. pageBreakInside - Property
  148. perspective - Property
  149. perspectiveOrigin - Property
  150. position - Property
  151. quotes - Property
  152. resize - Property
  153. right - Property
  154. scrollBehavior - Property
  155. tableLayout - Property
  156. tabSize - Property
  157. textAlign - Property
  158. textAlignLast - Property
  159. textDecoration - Property
  160. textDecorationColor - Property
  161. textDecorationLine - Property
  162. textDecorationStyle - Property
  163. textIndent - Property
  164. textJustify - Property
  165. textOverflow - Property
  166. textShadow - Property
  167. textTransform - Property
  168. top - Property
  169. transform - Property
  170. transformOrigin - Property
  171. transformStyle - Property
  172. transition - Property
  173. transitionDelay - Property
  174. transitionDuration - Property
  175. transitionProperty - Property
  176. transitionTimingFunction - Property
  177. unicodeBidi - Property
  178. userSelect - Property
  179. verticalAlign - Property
  180. visibility - Property
  181. whiteSpace - Property
  182. widows - Property
  183. width - Property
  184. wordBreak - Property
  185. wordSpacing - Property
  186. wordWrap - Property
  187. zIndex - Property
see also: HtmlElement.style

color - Property - Style Properties

  • Color: Sets or returns the color of the text
ElementExpressionResulttypeof
TEST
document.getElementById('gen02874').style.color
## INITIAL ##
## INITIAL ##
TEST
document.getElementById('gen02879').style.backgroundColor
## INITIAL ##
## INITIAL ##
TEST
document.getElementById('gen02884').style.color = 'gold'
## INITIAL ##
## INITIAL ##
TEST
document.getElementById('gen02889').style.color = '#AAA'
## INITIAL ##
## INITIAL ##

width - Property - Style Properties

height - Property - Style Properties

maxWidth - Property - Style Properties

maxHeight - Property - Style Properties

minWidth - Property - Style Properties

minHeight - Property - Style Properties

left - Property - Style Properties

  • Position: Sets or returns the left position of a positioned element

right - Property - Style Properties

  • Position: Sets or returns the right position of a positioned element

top - Property - Style Properties

  • Position: Sets or returns the top position of a positioned element

bottom - Property - Style Properties

  • Position: Sets or returns the bottom position of a positioned element

border - Property - Style Properties

borderWidth - Property - Style Properties

ElementExpressionResulttypeof
TEST
var sty = document.getElementById('gen02895').style;
var result = '';
sty.borderWidth = '1px 2px 3px 4px';
result+= 'top: '+sty.borderTopWidth+'<br>';
result+= 'left: '+sty.borderLeftWidth+'<br>';
result+= 'right: '+sty.borderRightWidth+'<br>';
result+= 'bottom: '+sty.borderBottomWidth+'<br>';
## INITIAL ##
## INITIAL ##

borderStyle - Property - Style Properties

  • Border: bestimmt die Rahmenart oder schaltet Rahmen aus
  • 1 Wert: alle 4 Seiten gleich
  • 2 Werte: top+bottom, left+right
  • 3 Werte: top, left+right, bottom
  • 4 Werte: top, right, bottom, left
  • Border- und Outline-Style-Values:
    • dashed - Defines a dashed border.
    • dotted - Defines a dotted border.
    • double - Defines two borders. The width of the two borders are the same as the border-width value.
    • groove - Defines a 3D grooved border. The effect depends on the border-color value.
    • inset - Defines a 3D inset border. The effect depends on the border-color value, opposite of outset.
    • outset - Defines a 3D outset border. The effect depends on the border-color value, opposite of inset.
    • ridge - Defines a 3D ridged border. The effect depends on the border-color value.
    • solid - Defines a solid border.
    • hidden - The same as 'none', except in border conflict resolution for table elements.
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.
    • none - Defines no border. This is default.
  • Kurz-Property für: borderTopStyle, borderLeftStyle, borderRightStyle, borderBottomStyle
  • Kann auch durch border angegeben werden
ElementExpressionResulttypeof
TEST
var sty = document.getElementById('gen02901').style;
var result = '';
sty.borderStyle = 'dashed';
result+= 'b1: '+sty.borderStyle+'<br>';
sty.borderTopStyle = 'dotted';
sty.borderLeftStyle = 'solid';
sty.borderRightStyle = 'solid';
sty.borderBottomStyle = 'double';
result+= 'b2: '+sty.borderStyle+'<br>';
## INITIAL ##
## INITIAL ##
TEST
var sty = document.getElementById('gen02906').style;
var result = '';
sty.borderStyle = 'solid dashed';
result+= 'top: '+sty.borderTopStyle+'<br>';
result+= 'left: '+sty.borderLeftStyle+'<br>';
result+= 'right: '+sty.borderRightStyle+'<br>';
result+= 'bottom: '+sty.borderBottomStyle+'<br>';
## INITIAL ##
## INITIAL ##
TEST
var sty = document.getElementById('gen02911').style;
var result = '';
sty.borderStyle = 'solid dotted double';
result+= 'top: '+sty.borderTopStyle+'<br>';
result+= 'left: '+sty.borderLeftStyle+'<br>';
result+= 'right: '+sty.borderRightStyle+'<br>';
result+= 'bottom: '+sty.borderBottomStyle+'<br>';
## INITIAL ##
## INITIAL ##
TEST
var sty = document.getElementById('gen02916').style;
var result = '';
sty.borderStyle = 'solid dotted double dashed';
result+= 'top: '+sty.borderTopStyle+'<br>';
result+= 'left: '+sty.borderLeftStyle+'<br>';
result+= 'right: '+sty.borderRightStyle+'<br>';
result+= 'bottom: '+sty.borderBottomStyle+'<br>';
## INITIAL ##
## INITIAL ##

borderColor - Property - Style Properties

ElementExpressionResulttypeof
TEST
var sty = document.getElementById('gen02922').style;
var result = '';
sty.borderColor = '#111 #444 #777 #AAA';
sty.borderWidth = '3px';
result+= 'top: '+sty.borderTopColor+'<br>';
result+= 'left: '+sty.borderLeftColor+'<br>';
result+= 'right: '+sty.borderRightColor+'<br>';
result+= 'bottom: '+sty.borderBottomColor+'<br>';
## INITIAL ##
## INITIAL ##

borderLeft - Property - Style Properties

ElementExpressionResulttypeof
TEST
var sty = document.getElementById('gen02928').style;
sty.borderLeft = '3px dashed green';
var result = sty.border;
## INITIAL ##
## INITIAL ##

borderLeftWidth - Property - Style Properties

  • Border: Sets or returns the width of the left border
  • Kann auch durch borderWidth angegeben werden
  • Kann auch durch borderLeft angegeben werden

borderLeftStyle - Property - Style Properties

  • Border: Sets or returns the style of the left border
  • Border- und Outline-Style-Values:
    • dashed - Defines a dashed border.
    • dotted - Defines a dotted border.
    • double - Defines two borders. The width of the two borders are the same as the border-width value.
    • groove - Defines a 3D grooved border. The effect depends on the border-color value.
    • inset - Defines a 3D inset border. The effect depends on the border-color value, opposite of outset.
    • outset - Defines a 3D outset border. The effect depends on the border-color value, opposite of inset.
    • ridge - Defines a 3D ridged border. The effect depends on the border-color value.
    • solid - Defines a solid border.
    • hidden - The same as 'none', except in border conflict resolution for table elements.
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.
    • none - Defines no border. This is default.
  • Kann auch durch borderStyle angegeben werden
  • Kann auch durch borderLeft angegeben werden

borderLeftColor - Property - Style Properties

  • Border: Sets or returns the color of the left border
  • Kann auch durch borderColor angegeben werden
  • Kann auch durch borderLeft angegeben werden

borderRight - Property - Style Properties

ElementExpressionResulttypeof
TEST
var sty = document.getElementById('gen02934').style;
sty.borderRight = '3px dashed green';
var result = sty.border;
## INITIAL ##
## INITIAL ##

borderRightWidth - Property - Style Properties

  • Sets or returns the width of the right border
  • Kann auch durch borderWidth angegeben werden
  • Kann auch durch borderRight angegeben werden

borderRightStyle - Property - Style Properties

  • Border: Sets or returns the style of the right border
  • Border- und Outline-Style-Values:
    • dashed - Defines a dashed border.
    • dotted - Defines a dotted border.
    • double - Defines two borders. The width of the two borders are the same as the border-width value.
    • groove - Defines a 3D grooved border. The effect depends on the border-color value.
    • inset - Defines a 3D inset border. The effect depends on the border-color value, opposite of outset.
    • outset - Defines a 3D outset border. The effect depends on the border-color value, opposite of inset.
    • ridge - Defines a 3D ridged border. The effect depends on the border-color value.
    • solid - Defines a solid border.
    • hidden - The same as 'none', except in border conflict resolution for table elements.
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.
    • none - Defines no border. This is default.
  • Kann auch durch borderStyle angegeben werden
  • Kann auch durch borderRight angegeben werden

borderRightColor - Property - Style Properties

  • Border: Sets or returns the color of the right border
  • Kann auch durch borderRight angegeben werden
  • Kann auch durch borderColor angegeben werden

borderTop - Property - Style Properties

ElementExpressionResulttypeof
TEST
var sty = document.getElementById('gen02940').style;
sty.borderTop = '3px dashed green';
var result = sty.border;
## INITIAL ##
## INITIAL ##

borderTopWidth - Property - Style Properties

  • Border: Sets or returns the width of the top border
  • Kann auch durch borderWidth angegeben werden
  • Kann auch durch borderTop angegeben werden

borderTopStyle - Property - Style Properties

  • Border: Sets or returns the style of the top border
  • Border- und Outline-Style-Values:
    • dashed - Defines a dashed border.
    • dotted - Defines a dotted border.
    • double - Defines two borders. The width of the two borders are the same as the border-width value.
    • groove - Defines a 3D grooved border. The effect depends on the border-color value.
    • inset - Defines a 3D inset border. The effect depends on the border-color value, opposite of outset.
    • outset - Defines a 3D outset border. The effect depends on the border-color value, opposite of inset.
    • ridge - Defines a 3D ridged border. The effect depends on the border-color value.
    • solid - Defines a solid border.
    • hidden - The same as 'none', except in border conflict resolution for table elements.
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.
    • none - Defines no border. This is default.
  • Kann auch durch borderStyle angegeben werden
  • Kann auch durch borderTop angegeben werden

borderTopColor - Property - Style Properties

  • Border: Sets or returns the color of the top border
  • Kann auch durch borderColor angegeben werden
  • Kann auch durch borderTop angegeben werden

borderBottom - Property - Style Properties

ElementExpressionResulttypeof
TEST
var sty = document.getElementById('gen02946').style;
sty.borderBottom = '3px dashed green';
var result = sty.border;
## INITIAL ##
## INITIAL ##

borderBottomWidth - Property - Style Properties

  • Border: Sets or returns the width of the bottom border
  • Kann auch durch borderBottom angegeben werden
  • Kann auch durch borderWidth angegeben werden

borderBottomStyle - Property - Style Properties

  • Border: Sets or returns the style of the bottom border
  • Border- und Outline-Style-Values:
    • dashed - Defines a dashed border.
    • dotted - Defines a dotted border.
    • double - Defines two borders. The width of the two borders are the same as the border-width value.
    • groove - Defines a 3D grooved border. The effect depends on the border-color value.
    • inset - Defines a 3D inset border. The effect depends on the border-color value, opposite of outset.
    • outset - Defines a 3D outset border. The effect depends on the border-color value, opposite of inset.
    • ridge - Defines a 3D ridged border. The effect depends on the border-color value.
    • solid - Defines a solid border.
    • hidden - The same as 'none', except in border conflict resolution for table elements.
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.
    • none - Defines no border. This is default.
  • Kann auch durch borderStyle angegeben werden
  • Kann auch durch borderBottom angegeben werden

borderBottomColor - Property - Style Properties

  • Border: Sets or returns the color of the bottom border
  • Kann auch durch borderBottom angegeben werden
  • Kann auch durch borderColor angegeben werden

borderRadius - Property - Style Properties

ElementExpression
TEST
var sty = document.getElementById('gen02952').style;
sty.borderRadius = '14px';
TEST
var sty = document.getElementById('gen02957').style;
sty.borderRadius = '14px 2px';
TEST
var sty = document.getElementById('gen02962').style;
sty.borderRadius = '14px 8px 2px';
TEST
var sty = document.getElementById('gen02967').style;
sty.borderRadius = '14px 10px 6px 2px';

borderTopLeftRadius - Property - Style Properties

  • Border-Radius: Sets or returns the shape of the border of the top-left corner
  • Kann auch durch borderRadius angegeben werden

borderTopRightRadius - Property - Style Properties

  • Border-Radius: Sets or returns the shape of the border of the top-right corner
  • Kann auch durch borderRadius angegeben werden

borderBottomLeftRadius - Property - Style Properties

  • Border-Radius: Sets or returns the shape of the border of the bottom-left corner
  • Kann auch durch borderRadius angegeben werden

borderBottomRightRadius - Property - Style Properties

  • Border-Radius: Sets or returns the shape of the border of the bottom-right corner
  • Kann auch durch borderRadius angegeben werden

background - Property - Style Properties

backgroundColor - Property - Style Properties

  • Color: Sets or returns the background-color of an element
  • Kann auch durch background angegeben werden
ElementExpressionResulttypeof
TEST
var sty = document.getElementById('gen02973').style;
var result = sty.backgroundColor;
## INITIAL ##
## INITIAL ##
TEST
var sty = document.getElementById('gen02978').style;
sty.backgroundColor = 'yellow';
var result = sty.backgroundColor;
## INITIAL ##
## INITIAL ##
TEST
var sty = document.getElementById('gen02983').style;
sty.backgroundColor = '#ABCDEF';
var result = sty.backgroundColor;
## INITIAL ##
## INITIAL ##

backgroundAttachment - Property - Style Properties

  • Sets or returns whether a background-image is fixed or scrolls with the page
  • Kann auch durch background angegeben werden

backgroundImage - Property - Style Properties

  • Sets or returns the background-image for an element
  • Kann auch durch background angegeben werden

backgroundPosition - Property - Style Properties

  • Sets or returns the starting position of a background-image
  • Kann auch durch background angegeben werden

backgroundRepeat - Property - Style Properties

  • Sets or returns how to repeat (tile) a background-image
  • Kann auch durch background angegeben werden

backgroundClip - Property - Style Properties

  • Sets or returns the painting area of the background
  • Kann auch durch background angegeben werden

backgroundOrigin - Property - Style Properties

  • Sets or returns the positioning area of the background images
  • Kann auch durch background angegeben werden

backgroundSize - Property - Style Properties

  • Sets or returns the size of the background image
  • Kann auch durch background angegeben werden

alignContent - Property - Style Properties

  • Sets or returns the alignment between the lines inside a flexible container when the items do not use all available space

alignItems - Property - Style Properties

  • Sets or returns the alignment for items inside a flexible container

alignSelf - Property - Style Properties

  • Sets or returns the alignment for selected items inside a flexible container

animation - Property - Style Properties

animationDelay - Property - Style Properties

  • Sets or returns when the animation will start
  • Kann auch durch animation angegeben werden

animationDirection - Property - Style Properties

  • Sets or returns whether or not the animation should play in reverse on alternate cycles
  • Kann auch durch animation angegeben werden

animationDuration - Property - Style Properties

  • Sets or returns how many seconds or milliseconds an animation takes to complete one cycle
  • Kann auch durch animation angegeben werden

animationFillMode - Property - Style Properties

  • Sets or returns what values are applied by the animation outside the time it is executing

animationIterationCount - Property - Style Properties

  • Sets or returns the number of times an animation should be played
  • Kann auch durch animation angegeben werden

animationName - Property - Style Properties

  • Sets or returns a name for the @keyframes animation
  • Kann auch durch animation angegeben werden

animationTimingFunction - Property - Style Properties

  • Sets or returns the speed curve of the animation
  • Kann auch durch animation angegeben werden

animationPlayState - Property - Style Properties

  • Sets or returns whether the animation is running or paused

backfaceVisibility - Property - Style Properties

  • Sets or returns whether or not an element should be visible when not facing the screen

borderCollapse - Property - Style Properties

  • Sets or returns whether the table border should be collapsed into a single border, or not

borderImage - Property - Style Properties

borderImageOutset - Property - Style Properties

  • Sets or returns the amount by which the border image area extends beyond the border box
  • Kann auch durch borderImage angegeben werden

borderImageRepeat - Property - Style Properties

  • Sets or returns whether the image-border should be repeated, rounded or stretched
  • Kann auch durch borderImage angegeben werden

borderImageSlice - Property - Style Properties

  • Sets or returns the inward offsets of the image-border
  • Kann auch durch borderImage angegeben werden

borderImageSource - Property - Style Properties

  • Sets or returns the image to be used as a border
  • Kann auch durch borderImage angegeben werden

borderImageWidth - Property - Style Properties

  • Sets or returns the widths of the image-border
  • Kann auch durch borderImage angegeben werden

borderSpacing - Property - Style Properties

  • Sets or returns the space between cells in a table

boxDecorationBreak - Property - Style Properties

  • Sets or returns the behaviour of the background and border of an element at page-break, or, for in-line elements, at line-break.

boxShadow - Property - Style Properties

  • Attaches one or more drop-shadows to the box

boxSizing - Property - Style Properties

  • Allows you to define certain elements to fit an area in a certain way

captionSide - Property - Style Properties

  • Sets or returns the position of the table caption

caretColor - Property - Style Properties

  • Sets or returns the caret/cursor color of an element

clear - Property - Style Properties

  • Sets or returns the position of the element relative to floating objects

clip - Property - Style Properties

  • Sets or returns which part of a positioned element is visible

columnCount - Property - Style Properties

  • Sets or returns the number of columns an element should be divided into
  • Kann auch durch columns angegeben werden

columnFill - Property - Style Properties

  • Sets or returns how to fill columns

columnGap - Property - Style Properties

  • Sets or returns the gap between the columns

columnRule - Property - Style Properties

columnRuleColor - Property - Style Properties

  • Sets or returns the color of the rule between columns
  • Kann auch durch columnRule angegeben werden

columnRuleStyle - Property - Style Properties

  • Sets or returns the style of the rule between columns
  • Kann auch durch columnRule angegeben werden

columnRuleWidth - Property - Style Properties

  • Sets or returns the width of the rule between columns
  • Kann auch durch columnRule angegeben werden

columns - Property - Style Properties

  • A shorthand property for setting or returning columnWidth and columnCount
  • Kurz-Property für: columnCount, columnWidth

columnSpan - Property - Style Properties

  • Sets or returns how many columns an element should span across

columnWidth - Property - Style Properties

  • Sets or returns the width of the columns
  • Kann auch durch columns angegeben werden

content - Property - Style Properties

  • Used with the :before and :after pseudo-elements, to insert generated content

counterIncrement - Property - Style Properties

  • Increments one or more counters

counterReset - Property - Style Properties

  • Creates or resets one or more counters

cursor - Property - Style Properties

  • Sets or returns the type of cursor to display for the mouse pointer

direction - Property - Style Properties

  • Sets or returns the text direction

display - Property - Style Properties

  • Sets or returns an element's display type
  • Display-Values:
    • block - Element is rendered as a block-level element.
    • compact - Element is rendered as a block-level or inline element. Depends on context.
    • flex - Element is rendered as a block-level flex box. New in CSS3.
    • inline - Element is rendered as an inline element.
    • inline-block - Element is rendered as a block box inside an inline box.
    • inline-flex - Element is rendered as a inline-level flex box. New in CSS3.
    • inline-table - Element is rendered as an inline table (like <table>), with no line break before or after the table.
    • list-item - Element is rendered as a list.
    • marker - This value sets content before or after a box to be a marker (used with :before and :after pseudo-elements. Otherwise this value is identical to 'inline').
    • run-in - Element is rendered as block-level or inline element. Depends on context.
    • table - Element is rendered as a block table (like <table>), with a line break before and after the table.
    • table-caption - Element is rendered as a table caption (like <caption>).
    • table-cell - Element is rendered as a table cell (like <td> and <th>).
    • table-column - Element is rendered as a column of cells (like <col>).
    • table-column-group - Element is rendered as a group of one or more columns (like <colgroup>).
    • table-footer-group - Element is rendered as a table footer row (like <tfoot>).
    • table-header-group - Element is rendered as a table header row (like <thead>).
    • table-row - Element is rendered as a table row (like <tr>).
    • table-row-group - Element is rendered as a group of one or more rows (like <tbody>).
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.
    • none - Element will not be displayed / removed.

emptyCells - Property - Style Properties

  • Sets or returns whether to show the border and background of empty cells, or not

filter - Property - Style Properties

  • Sets or returns image filters (visual effects, like blur and saturation)

flex - Property - Style Properties

  • Sets or returns the length of the item, relative to the rest

flexBasis - Property - Style Properties

  • Sets or returns the initial length of a flexible item

flexDirection - Property - Style Properties

  • Sets or returns the direction of the flexible items
  • Kann auch durch flexFlow angegeben werden

flexFlow - Property - Style Properties

  • A shorthand property for the flexDirection and the flexWrap properties
  • Kurz-Property für: flexDirection, flexWrap

flexGrow - Property - Style Properties

  • Sets or returns how much the item will grow relative to the rest

flexShrink - Property - Style Properties

  • Sets or returns how the item will shrink relative to the rest

flexWrap - Property - Style Properties

  • Sets or returns whether the flexible items should wrap or not
  • Kann auch durch flexFlow angegeben werden

cssFloat - Property - Style Properties

  • Sets or returns the horizontal alignment of an element

font - Property - Style Properties

ElementExpressionResulttypeof
TEST
var sty = document.getElementById('gen02989').style;
sty.font = 'italic bold 20px arial,serif';
var result = sty.fontFamily + '<br>';
result += sty.fontSize + '<br>';
result += sty.fontWeight + '<br>';
result += sty.fontStyle + '<br>';
result += sty.fontVariant + '<br>';
result += sty.lineHeight + '<br>';
## INITIAL ##
## INITIAL ##

fontFamily - Property - Style Properties

  • Sets or returns the font family for text
  • Kann auch durch font angegeben werden

fontSize - Property - Style Properties

  • Sets or returns the font size of the text
  • Kann auch durch font angegeben werden

fontStyle - Property - Style Properties

  • Sets or returns whether the style of the font is normal, italic or oblique
  • Kann auch durch font angegeben werden

fontVariant - Property - Style Properties

  • Sets or returns whether the font should be displayed in small capital letters
  • Kann auch durch font angegeben werden

fontWeight - Property - Style Properties

  • Sets or returns the boldness of the font
  • Kann auch durch font angegeben werden

fontSizeAdjust - Property - Style Properties

  • Preserves the readability of text when font fallback occurs

fontStretch - Property - Style Properties

  • Selects a normal, condensed, or expanded face from a font family

hangingPunctuation - Property - Style Properties

  • Specifies whether a punctuation character may be placed outside the line box

hyphens - Property - Style Properties

  • Sets how to split words to improve the layout of paragraphs

icon - Property - Style Properties

  • Provides the author the ability to style an element with an iconic equivalent

imageOrientation - Property - Style Properties

  • Specifies a rotation in the right or clockwise direction that a user agent applies to an image

isolation - Property - Style Properties

  • Defines whether an element must create a new stacking content

justifyContent - Property - Style Properties

  • Sets or returns the alignment between the items inside a flexible container when the items do not use all available space.

letterSpacing - Property - Style Properties

  • Sets or returns the space between characters in a text

lineHeight - Property - Style Properties

  • Sets or returns the distance between lines in a text
  • Kann auch durch font angegeben werden

listStyle - Property - Style Properties

listStyleImage - Property - Style Properties

  • Sets or returns an image as the list-item marker
  • Kann auch durch listStyle angegeben werden

listStylePosition - Property - Style Properties

  • Sets or returns the position of the list-item marker
  • Kann auch durch listStyle angegeben werden

listStyleType - Property - Style Properties

  • Sets or returns the list-item marker type
  • List-Style-Types:
    • armenian - The marker is traditional Armenian numbering
    • circle - The marker is a circle
    • cjk-ideographic - The marker is plain ideographic numbers
    • decimal - The marker is a number. This is default for <ol>
    • decimal-leading-zero - The marker is a number with leading zeros
    • disc - The marker is a filled circle. This is default for <ul>
    • georgian - The marker is traditional Georgian numbering
    • hebrew - The marker is traditional Hebrew numbering
    • hiragana - The marker is traditional Hiragana numbering
    • hiragana-iroha - The marker is traditional Hiragana iroha numbering
    • katakana - The marker is traditional Katakana numbering
    • katakana-iroha - The marker is traditional Katakana iroha numbering
    • lower-alpha - The marker is lower-alpha
    • lower-greek - The marker is lower-greek
    • lower-latin - The marker is lower-latin
    • lower-roman - The marker is lower-roman
    • square - The marker is a square
    • upper-alpha - The marker is upper-alpha
    • upper-latin - The marker is upper-latin
    • upper-roman - The marker is upper-roman
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.
    • none - No marker is shown
  • Kann auch durch listStyle angegeben werden
ElementExpression
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen02995').style;
sty.listStyleType = 'armenian';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen02999').style;
sty.listStyleType = 'circle';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03003').style;
sty.listStyleType = 'cjk-ideographic';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03007').style;
sty.listStyleType = 'decimal';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03011').style;
sty.listStyleType = 'decimal-leading-zero';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03015').style;
sty.listStyleType = 'disc';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03019').style;
sty.listStyleType = 'georgian';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03023').style;
sty.listStyleType = 'hebrew';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03027').style;
sty.listStyleType = 'hiragana';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03031').style;
sty.listStyleType = 'hiragana-iroha';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03035').style;
sty.listStyleType = 'katakana';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03039').style;
sty.listStyleType = 'katakana-iroha';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03043').style;
sty.listStyleType = 'lower-alpha';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03047').style;
sty.listStyleType = 'lower-greek';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03051').style;
sty.listStyleType = 'lower-latin';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03055').style;
sty.listStyleType = 'lower-roman';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03059').style;
sty.listStyleType = 'square';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03063').style;
sty.listStyleType = 'upper-alpha';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03067').style;
sty.listStyleType = 'upper-latin';
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
var sty = document.getElementById('gen03071').style;
sty.listStyleType = 'upper-roman';

margin - Property - Style Properties

  • Sets or returns the margins of an element (can have up to four values)
  • 1 Wert: alle 4 Seiten gleich
  • 2 Werte: top+bottom, left+right
  • 3 Werte: top, left+right, bottom
  • 4 Werte: top, right, bottom, left
  • see also: padding
  • Kurz-Property für: marginTop, marginLeft, marginRight, marginBottom
ElementExpressionResulttypeof
TEST
var sty = document.getElementById('gen03076').style;
sty.margin = '3px';
var result = 'top:' + sty.marginTop + '<br>';
result += 'left:' + sty.marginLeft + '<br>';
result += 'right:' + sty.marginRight + '<br>';
result += 'bottom:' + sty.marginBottom + '<br>';
## INITIAL ##
## INITIAL ##
TEST
var sty = document.getElementById('gen03081').style;
sty.margin = '3px 10px';
var result = 'top:' + sty.marginTop + '<br>';
result += 'left:' + sty.marginLeft + '<br>';
result += 'right:' + sty.marginRight + '<br>';
result += 'bottom:' + sty.marginBottom + '<br>';
## INITIAL ##
## INITIAL ##
TEST
var sty = document.getElementById('gen03086').style;
sty.margin = '2px 5px 7px';
var result = 'top:' + sty.marginTop + '<br>';
result += 'left:' + sty.marginLeft + '<br>';
result += 'right:' + sty.marginRight + '<br>';
result += 'bottom:' + sty.marginBottom + '<br>';
## INITIAL ##
## INITIAL ##
TEST
var sty = document.getElementById('gen03091').style;
sty.margin = '4px 0px 7px 10px';
var result = 'top:' + sty.marginTop + '<br>';
result += 'left:' + sty.marginLeft + '<br>';
result += 'right:' + sty.marginRight + '<br>';
result += 'bottom:' + sty.marginBottom + '<br>';
## INITIAL ##
## INITIAL ##

marginTop - Property - Style Properties

  • Sets or returns the top margin of an element
  • Kann auch durch margin angegeben werden

marginLeft - Property - Style Properties

  • Sets or returns the left margin of an element
  • Kann auch durch margin angegeben werden

marginRight - Property - Style Properties

  • Sets or returns the right margin of an element
  • Kann auch durch margin angegeben werden

marginBottom - Property - Style Properties

  • Sets or returns the bottom margin of an element
  • Kann auch durch margin angegeben werden

navIndex - Property - Style Properties

  • Sets or returns the tabbing order for an element

navUp - Property - Style Properties

  • Sets or returns where to navigate when using the arrow-up navigation key

navDown - Property - Style Properties

  • Sets or returns where to navigate when using the arrow-down navigation key

navLeft - Property - Style Properties

  • Sets or returns where to navigate when using the arrow-left navigation key

navRight - Property - Style Properties

  • Sets or returns where to navigate when using the arrow-right navigation key

objectFit - Property - Style Properties

  • Specifies how the contents of a replaced element should be fitted to the box established by its used height and width

objectPosition - Property - Style Properties

  • Specifies the alignment of the replaced element inside its box

opacity - Property - Style Properties

  • Sets or returns the opacity level for an element

order - Property - Style Properties

  • Sets or returns the order of the flexible item, relative to the rest

orphans - Property - Style Properties

  • Sets or returns the minimum number of lines for an element that must be left at the bottom of a page when a page break occurs inside an element

outline - Property - Style Properties

ElementExpressionResulttypeof
TEST
var el = document.getElementById('gen03097');
el.style.outline = '2px dashed green';
el.style.outlineOffset = '2px';
var result = el.style.outlineStyle + '<br>';
result += el.style.outlineWidth + '<br>';
result += el.style.outlineColor + '<br>';
result += el.style.outlineOffset + '<br>';
## INITIAL ##
## INITIAL ##

outlineWidth - Property - Style Properties

  • Sets or returns the width of the outline around an element
  • Kann auch durch outline angegeben werden

outlineStyle - Property - Style Properties

  • Sets or returns the style of the outline around an element
  • Border- und Outline-Style-Values:
    • dashed - Defines a dashed border.
    • dotted - Defines a dotted border.
    • double - Defines two borders. The width of the two borders are the same as the border-width value.
    • groove - Defines a 3D grooved border. The effect depends on the border-color value.
    • inset - Defines a 3D inset border. The effect depends on the border-color value, opposite of outset.
    • outset - Defines a 3D outset border. The effect depends on the border-color value, opposite of inset.
    • ridge - Defines a 3D ridged border. The effect depends on the border-color value.
    • solid - Defines a solid border.
    • hidden - The same as 'none', except in border conflict resolution for table elements.
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.
    • none - Defines no border. This is default.
  • Kann auch durch outline angegeben werden

outlineColor - Property - Style Properties

  • Sets or returns the color of the outline around a element
  • Kann auch durch outline angegeben werden

outlineOffset - Property - Style Properties

  • Offsets an outline, and draws it beyond the border edge

overflow - Property - Style Properties

  • Sets or returns what to do with content that renders outside the element box
  • Overflow-Values:
    • auto - Content is clipped and scroll bars are added when necessary.
    • hidden - Content outside the element box is not shown.
    • scroll - Scroll bars are added, and content is clipped when necessary.
    • visible - Content is NOT clipped and may be shown outside the element box. This is default.
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.
  • see also: overflowX, overflowY, textOverflow
ElementExpressionResulttypeof
JavaScript (kurz JS) ist eine Skriptsprache, die ursprünglich 1995 von Netscape für dynamisches HTML in Webbrowsern entwickelt wurde, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML zu erweitern.
var element = document.getElementById('gen03103');
element.style.overflow = 'visible';
var result = element.style.overflow;
## INITIAL ##
## INITIAL ##
JavaScript (kurz JS) ist eine Skriptsprache, die ursprünglich 1995 von Netscape für dynamisches HTML in Webbrowsern entwickelt wurde, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML zu erweitern.
var element = document.getElementById('gen03107');
element.style.overflow = 'hidden';
var result = element.style.overflow;
## INITIAL ##
## INITIAL ##
JavaScript (kurz JS) ist eine Skriptsprache, die ursprünglich 1995 von Netscape für dynamisches HTML in Webbrowsern entwickelt wurde, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML zu erweitern.
var element = document.getElementById('gen03111');
element.style.overflow = 'scroll';
var result = element.style.overflow;
## INITIAL ##
## INITIAL ##
JavaScript (kurz JS) ist eine Skriptsprache, die ursprünglich 1995 von Netscape für dynamisches HTML in Webbrowsern entwickelt wurde, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML zu erweitern.
var element = document.getElementById('gen03115');
element.style.overflow = 'auto';
var result = element.style.overflow;
## INITIAL ##
## INITIAL ##

overflowY - Property - Style Properties

  • Specifies what to do with the top/bottom edges of the content, if it overflows the element's content area
  • Overflow-Values:
    • auto - Content is clipped and scroll bars are added when necessary.
    • hidden - Content outside the element box is not shown.
    • scroll - Scroll bars are added, and content is clipped when necessary.
    • visible - Content is NOT clipped and may be shown outside the element box. This is default.
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.
  • see also: overflow, overflowX, textOverflow
ElementExpressionResulttypeof
JavaScript (kurz JS) ist eine Skript­sprache, die ursprünglich 1995 von Netscape für dynamisches HTML in Webbrowsern entwickelt wurde, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML zu erweitern.
var element = document.getElementById('gen03120');
element.style.overflowY = 'visible';
var result = element.style.overflowY;
## INITIAL ##
## INITIAL ##
JavaScript (kurz JS) ist eine Skript­sprache, die ursprünglich 1995 von Netscape für dynamisches HTML in Webbrowsern entwickelt wurde, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML zu erweitern.
var element = document.getElementById('gen03124');
element.style.overflowY = 'hidden';
var result = element.style.overflowY;
## INITIAL ##
## INITIAL ##
JavaScript (kurz JS) ist eine Skript­sprache, die ursprünglich 1995 von Netscape für dynamisches HTML in Webbrowsern entwickelt wurde, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML zu erweitern.
var element = document.getElementById('gen03128');
element.style.overflowY = 'scroll';
var result = element.style.overflowY;
## INITIAL ##
## INITIAL ##
JavaScript (kurz JS) ist eine Skript­sprache, die ursprünglich 1995 von Netscape für dynamisches HTML in Webbrowsern entwickelt wurde, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML zu erweitern.
var element = document.getElementById('gen03132');
element.style.overflowY = 'auto';
var result = element.style.overflowY;
## INITIAL ##
## INITIAL ##

overflowX - Property - Style Properties

  • Specifies what to do with the left/right edges of the content, if it overflows the element's content area
  • Overflow-Values:
    • auto - Content is clipped and scroll bars are added when necessary.
    • hidden - Content outside the element box is not shown.
    • scroll - Scroll bars are added, and content is clipped when necessary.
    • visible - Content is NOT clipped and may be shown outside the element box. This is default.
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.
  • see also: overflow, overflowY, textOverflow
ElementExpressionResulttypeof
JavaScript_ist_eine_Skriptsprache
JavaScript_ist_eine_Skriptsprache
JavaScript_ist_eine_Skriptsprache
var element = document.getElementById('gen03137');
element.style.overflowX = 'visible';
var result = element.style.overflowX;
## INITIAL ##
## INITIAL ##
JavaScript_ist_eine_Skriptsprache
JavaScript_ist_eine_Skriptsprache
JavaScript_ist_eine_Skriptsprache
var element = document.getElementById('gen03141');
element.style.overflowX = 'hidden';
var result = element.style.overflowX;
## INITIAL ##
## INITIAL ##
JavaScript_ist_eine_Skriptsprache
JavaScript_ist_eine_Skriptsprache
JavaScript_ist_eine_Skriptsprache
var element = document.getElementById('gen03145');
element.style.overflowX = 'scroll';
var result = element.style.overflowX;
## INITIAL ##
## INITIAL ##
JavaScript_ist_eine_Skriptsprache
JavaScript_ist_eine_Skriptsprache
JavaScript_ist_eine_Skriptsprache
var element = document.getElementById('gen03149');
element.style.overflowX = 'auto';
var result = element.style.overflowX;
## INITIAL ##
## INITIAL ##

padding - Property - Style Properties

  • setzt einen fixen Abstand zwischen Text und Border
  • 1 Wert: alle 4 Seiten gleich
  • 2 Werte: top+bottom, left+right
  • 3 Werte: top, left+right, bottom
  • 4 Werte: top, right, bottom, left
  • see also: margin
  • Kurz-Property für: paddingTop, paddingLeft, paddingRight, paddingBottom
ElementExpressionResulttypeof
Text
var sty = document.getElementById('gen03154').style;
sty.padding = '3px';
var result = 'top:' + sty.paddingTop + '<br>';
result += 'left:' + sty.paddingLeft + '<br>';
result += 'right:' + sty.paddingRight + '<br>';
result += 'bottom:' + sty.paddingBottom + '<br>';
## INITIAL ##
## INITIAL ##
Text
var sty = document.getElementById('gen03159').style;
sty.padding = '3px 10px';
var result = 'top:' + sty.paddingTop + '<br>';
result += 'left:' + sty.paddingLeft + '<br>';
result += 'right:' + sty.paddingRight + '<br>';
result += 'bottom:' + sty.paddingBottom + '<br>';
## INITIAL ##
## INITIAL ##
Text
var sty = document.getElementById('gen03164').style;
sty.padding = '3px 10px 7px';
var result = 'top:' + sty.paddingTop + '<br>';
result += 'left:' + sty.paddingLeft + '<br>';
result += 'right:' + sty.paddingRight + '<br>';
result += 'bottom:' + sty.paddingBottom + '<br>';
## INITIAL ##
## INITIAL ##
Text
var sty = document.getElementById('gen03169').style;
sty.padding = '3px 0px 7px 10px';
var result = 'top:' + sty.paddingTop + '<br>';
result += 'left:' + sty.paddingLeft + '<br>';
result += 'right:' + sty.paddingRight + '<br>';
result += 'bottom:' + sty.paddingBottom + '<br>';
## INITIAL ##
## INITIAL ##

paddingTop - Property - Style Properties

  • Sets or returns the top padding of an element
  • Kann auch durch padding angegeben werden

paddingLeft - Property - Style Properties

  • Sets or returns the left padding of an element
  • Kann auch durch padding angegeben werden

paddingRight - Property - Style Properties

  • Sets or returns the right padding of an element
  • Kann auch durch padding angegeben werden

paddingBottom - Property - Style Properties

  • Sets or returns the bottom padding of an element
  • Kann auch durch padding angegeben werden

pageBreakAfter - Property - Style Properties

  • Sets or returns the page-break behavior after an element

pageBreakBefore - Property - Style Properties

  • Sets or returns the page-break behavior before an element

pageBreakInside - Property - Style Properties

  • Sets or returns the page-break behavior inside an element

perspective - Property - Style Properties

  • Sets or returns the perspective on how 3D elements are viewed

perspectiveOrigin - Property - Style Properties

  • Sets or returns the bottom position of 3D elements

position - Property - Style Properties

  • Sets or returns the type of positioning method used for an element (static, relative, absolute or fixed)
  • Position-Values:
    • absolute - The element is positioned relative to its first positioned (not static) ancestor element.
    • fixed - The element is positioned relative to the browser window.
    • relative - The element is positioned relative to its normal position, so 'left:20' adds 20 pixels to the element's LEFT position.
    • static - Elements renders in order, as they appear in the document flow. This is default.
    • sticky - The element is positioned based on the user's scroll position. A sticky element toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it 'sticks' in place (like position:fixed).
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.

quotes - Property - Style Properties

  • Sets or returns the type of quotation marks for embedded quotations

resize - Property - Style Properties

  • Sets or returns whether or not an element is resizable by the user

scrollBehavior - Property - Style Properties

  • Specifies whether to smoothly animate the scroll position, instead of a straight jump, when the user clicks on a link within a scrollable boxt

tableLayout - Property - Style Properties

  • Sets or returns the way to lay out table cells, rows, and columns

tabSize - Property - Style Properties

  • Sets or returns the length of the tab-character

textAlign - Property - Style Properties

  • Sets or returns the horizontal alignment of text
  • Horizontal Alignment (text-align) Values:
    • center - Centers the text.
    • justify - The text is justified.
    • left - Aligns the text to the left. This is default.
    • right - Aligns the text to the right.
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.

textAlignLast - Property - Style Properties

  • Sets or returns how the last line of a block or a line right before a forced line break is aligned when text-align is 'justify'

textDecoration - Property - Style Properties

  • Sets or returns the decoration of a text

textDecorationColor - Property - Style Properties

  • Sets or returns the color of the text-decoration

textDecorationLine - Property - Style Properties

  • Sets or returns the type of line in a text-decoration

textDecorationStyle - Property - Style Properties

  • Sets or returns the style of the line in a text decoration

textIndent - Property - Style Properties

  • Sets or returns the indentation of the first line of text

textJustify - Property - Style Properties

  • Sets or returns the justification method used when text-align is 'justify'

textOverflow - Property - Style Properties

  • Sets or returns what should happen when text overflows the containing element
  • Text-Overflow Values:
    • clip - Clips the text. This is the default.
    • ellipsis - Render an ellipsis ('…') to represent clipped text.
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.
    • string - Render the given string to represent clipped text.
  • see also: overflow, overflowX, overflowY
ElementExpressionResulttypeof
JavaScript_ist_eine_Skriptsprache
JavaScript_ist_eine_Skriptsprache
JavaScript_ist_eine_Skriptsprache
var element = document.getElementById('gen03175');
element.style.textOverflow = 'clip';
var result = element.style.textOverflow;
## INITIAL ##
## INITIAL ##
JavaScript_ist_eine_Skriptsprache
JavaScript_ist_eine_Skriptsprache
JavaScript_ist_eine_Skriptsprache
var element = document.getElementById('gen03179');
element.style.textOverflow = 'ellipsis';
var result = element.style.textOverflow;
## INITIAL ##
## INITIAL ##

textShadow - Property - Style Properties

  • Sets or returns the shadow effect of a text

textTransform - Property - Style Properties

  • Sets or returns the capitalization of a text

transform - Property - Style Properties

  • Applies a 2D or 3D transformation to an element

transformOrigin - Property - Style Properties

  • Sets or returns the position of transformed elements

transformStyle - Property - Style Properties

  • Sets or returns how nested elements are rendered in 3D space

transition - Property - Style Properties

transitionProperty - Property - Style Properties

  • Sets or returns the CSS property that the transition effect is for
  • Kann auch durch transition angegeben werden

transitionDuration - Property - Style Properties

  • Sets or returns how many seconds or milliseconds a transition effect takes to complete
  • Kann auch durch transition angegeben werden

transitionTimingFunction - Property - Style Properties

  • Sets or returns the speed curve of the transition effect
  • Kann auch durch transition angegeben werden

transitionDelay - Property - Style Properties

  • Sets or returns when the transition effect will start
  • Kann auch durch transition angegeben werden

unicodeBidi - Property - Style Properties

  • Sets or returns whether the text should be overridden to support multiple languages in the same document

userSelect - Property - Style Properties

  • Sets or returns whether the text of an element can be selected or not

verticalAlign - Property - Style Properties

  • Sets or returns the vertical alignment of the content in an element
  • Vertical Alignment Values:
    • baseline - Align the baseline of the element with the baseline of the parent element. This is default.
    • bottom - The bottom of the element is aligned with the lowest element on the line.
    • middle - The element is placed in the middle of the parent element.
    • sub - Aligns the element as it was subscript.
    • super - Aligns the element as it was superscript.
    • text-bottom - The bottom of the element is aligned with the bottom of the parent element's font.
    • text-top - The top of the element is aligned with the top of the parent element's font.
    • top - The top of the element is aligned with the top of the tallest element on the line.
    • % - Raises or lower an element in a percent of the 'line-height' property. Negative values are allowed.
    • inherit - Inherits this property from its parent element.
    • initial - Sets this property to its default value.
    • length - Raises or lower an element by the specified length. Negative values are allowed.
ElementExpressionResulttypeof
XTestX
var sty = document.getElementById('gen03184').style;
sty.verticalAlign = 'top';
var result = sty.verticalAlign;
## INITIAL ##
## INITIAL ##
XTestX
var sty = document.getElementById('gen03188').style;
sty.verticalAlign = 'text-top';
var result = sty.verticalAlign;
## INITIAL ##
## INITIAL ##
XTestX
var sty = document.getElementById('gen03192').style;
sty.verticalAlign = 'super';
var result = sty.verticalAlign;
## INITIAL ##
## INITIAL ##
XTestX
var sty = document.getElementById('gen03196').style;
sty.verticalAlign = 'middle';
var result = sty.verticalAlign;
## INITIAL ##
## INITIAL ##
XTestX
var sty = document.getElementById('gen03200').style;
sty.verticalAlign = 'baseline';
var result = sty.verticalAlign;
## INITIAL ##
## INITIAL ##
XTestX
var sty = document.getElementById('gen03204').style;
sty.verticalAlign = 'text-bottom';
var result = sty.verticalAlign;
## INITIAL ##
## INITIAL ##
XTestX
var sty = document.getElementById('gen03208').style;
sty.verticalAlign = 'bottom';
var result = sty.verticalAlign;
## INITIAL ##
## INITIAL ##
XTestX
var sty = document.getElementById('gen03212').style;
sty.verticalAlign = 'sub';
var result = sty.verticalAlign;
## INITIAL ##
## INITIAL ##

visibility - Property - Style Properties

  • Sets or returns whether an element should be visible

whiteSpace - Property - Style Properties

  • Sets or returns how to handle tabs, line breaks and whitespace in a text

wordBreak - Property - Style Properties

  • Sets or returns line breaking rules for non-CJK scripts

wordSpacing - Property - Style Properties

  • Sets or returns the spacing between words in a text

wordWrap - Property - Style Properties

  • Allows long, unbreakable words to be broken and wrap to the next line

widows - Property - Style Properties

  • Sets or returns the minimum number of lines for an element that must be visible at the top of a page

zIndex - Property - Style Properties

  • Sets or returns the stack order of a positioned element

String HTML Wrapper - JavaScript Dokumentation

  1. big() - Method - deprecated
  2. bold() - Method - deprecated
  3. fixed() - Method - deprecated
  4. fontcolor(color) - Method - deprecated
  5. fontsize(number) - Method - deprecated
  6. italics() - Method - deprecated
  7. link(url) - Method - deprecated
  8. small() - Method - deprecated
  9. strike() - Method - deprecated
  10. sub() - Method - deprecated
  11. sup() - Method - deprecated
Mozilla: JavaScript/Reference/Global_Objects/String

big() - Method - String HTML Wrapper

CommandHTMLResult
'ABCDEF'.big()
## INITIAL ##
## INITIAL ##

bold() - Method - String HTML Wrapper

CommandHTMLResult
'ABCDEF'.bold()
## INITIAL ##
## INITIAL ##

fixed() - Method - String HTML Wrapper

CommandHTMLResult
'ABCDEF'.fixed()
## INITIAL ##
## INITIAL ##

fontcolor(color) - Method - String HTML Wrapper

CommandHTMLResult
'ABCDEF'.fontcolor('orangered')
## INITIAL ##
## INITIAL ##
'ABCDEF'.fontcolor('#AAA')
## INITIAL ##
## INITIAL ##

fontsize(number) - Method - String HTML Wrapper

CommandHTMLResult
'ABCDEF'.fontsize(1)
## INITIAL ##
## INITIAL ##

italics() - Method - String HTML Wrapper

CommandHTMLResult
'ABCDEF'.italics()
## INITIAL ##
## INITIAL ##

link(url) - Method - String HTML Wrapper

CommandHTMLResult
'Home'.link('/js/')
## INITIAL ##
## INITIAL ##
'Google'.link('https://www.google.com')
## INITIAL ##
## INITIAL ##

small() - Method - String HTML Wrapper

CommandHTMLResult
'ABCDEF'.small()
## INITIAL ##
## INITIAL ##

strike() - Method - String HTML Wrapper

CommandHTMLResult
'ABCDEF'.strike()
## INITIAL ##
## INITIAL ##

sub() - Method - String HTML Wrapper

CommandHTMLResult
'x'+'i'.sub()
## INITIAL ##
## INITIAL ##

sup() - Method - String HTML Wrapper

CommandHTMLResult
'x'+'2'.sup()
## INITIAL ##
## INITIAL ##

URLSearchParams - JavaScript Dokumentation

  1. new URLSearchParams([string]) - Constructor
  2. append(string1,string2) - Method
  3. delete(string1[,string2]) - Method
  4. entries() - Method
  5. forEach(function(value[,key[,object]])[,this]) - Method
  6. get(string) - Method
  7. getAll(string) - Method
  8. has(string1[,string2]) - Method
  9. keys() - Method
  10. set(string1,string2) - Method
  11. size - Property
  12. sort() - Method
  13. toString() - Method
  14. values() - Method
see also: LocationObject.search
Mozilla: API/URLSearchParams

new URLSearchParams([string]) - Constructor - URLSearchParams

ExpressionResulttypeof
new URLSearchParams(location.search)
## INITIAL ##
## INITIAL ##

size - Property - URLSearchParams

  • The size read-only property of the URLSearchParams interface indicates the total number of search parameter entries.
  • Mozilla-Doku: API/URLSearchParams/size
ExpressionResulttypeof
new URLSearchParams(location.search).size
## INITIAL ##
## INITIAL ##

append(string1,string2) - Method - URLSearchParams

ExpressionResulttypeof
var params = new URLSearchParams();
params.append('name','thomas');
var result = params.size + ':' + params;
## INITIAL ##
## INITIAL ##

delete(string1[,string2]) - Method - URLSearchParams

  • deletes specified parameters and their associated value(s) from the list of all search parameters.
  • string1: param-name
  • string2: param-value
  • Mozilla-Doku: API/URLSearchParams/delete
ExpressionResulttypeof
function addToResult(params) {
var ret = params.size+':';
for (var n of params.keys()) { ret += ' '+n; }
return ret+'<br>';
}
var params = new URLSearchParams();
params.append('name1','value1');
params.append('name2','value2');
var result = addToResult(params);
params.delete('name1');
result += addToResult(params);
params.delete('name2','name99');
result += addToResult(params);
params.delete('name2','value2');
result += addToResult(params);
## INITIAL ##
## INITIAL ##

get(string) - Method - URLSearchParams

  • returns the first value associated to the given search parameter
  • string: param-name
  • Mozilla-Doku: API/URLSearchParams/get
ExpressionResulttypeof
var params = new URLSearchParams('?name1=value1&name2=value2');
var result = params.get('name1')+'<br>';
result += params.get('name2')+'<br>';
result += params.get('name99')+'<br>';
## INITIAL ##
## INITIAL ##

getAll(string) - Method - URLSearchParams

  • returns all the values associated with a given search parameter as an array
  • string: param-name
  • Mozilla-Doku: API/URLSearchParams/getAll
ExpressionResulttypeof
var params = new URLSearchParams('?name1=value1&name2=value2');
params.append('name1','value3');
var result = params.getAll('name1');
## INITIAL ##
## INITIAL ##

has(string1[,string2]) - Method - URLSearchParams

  • returns a boolean value that indicates whether the specified parameter is in the search parameters
  • string1: param-name
  • string2: optional param-value
  • Mozilla-Doku: API/URLSearchParams/has
ExpressionResulttypeof
var params = new URLSearchParams('name1=value1');
var result = params.has('name1')+'<br>';
result += params.has('name1','value1')+'<br>';
result += params.has('name1','value99')+'<br>';
result += params.has('name99')+'<br>';
## INITIAL ##
## INITIAL ##

set(string1,string2) - Method - URLSearchParams

  • sets the value associated with a given search parameter to the given value
  • If there were several matching values, this method deletes the others. If the search parameter doesn't exist, this method creates it.
  • string1: param-name
  • string2: new param-value
  • Mozilla-Doku: API/URLSearchParams/set
ExpressionResulttypeof
function toResult(params) {
var ret = params.size+':<br>';
for (var [k,v] of params.entries()) { ret += '- '+k+'='+v+'<br>'; }
return ret;
}
var params = new URLSearchParams('name1=value1');
params.append('name1','value3');
var result = toResult(params);
params.set('name3','name3');
result += toResult(params);
params.set('name1','value99');
result += toResult(params);
## INITIAL ##
## INITIAL ##

sort() - Method - URLSearchParams

ExpressionResulttypeof
var params = new URLSearchParams('?name1=value1&name2=value2');
params.append('name1','value3');
params.append('name2','value1');
params.sort();
var result = '';
for (var [k,v] of params.entries()) { result += '- '+k+'='+v+'<br>'; }
## INITIAL ##
## INITIAL ##

toString() - Method - URLSearchParams

ExpressionResulttypeof
var params = new URLSearchParams('?name1=value1');
params.append('name1','value3');
params.append('name2','value1');
var result = params.toString();
## INITIAL ##
## INITIAL ##

forEach(function(value[,key[,object]])[,this]) - Method - URLSearchParams

  • iteration through all values contained in this object via a callback function
  • function: callback function
  • value: value
  • key: name
  • object: params
  • this: this caller
  • see also: Statement.for..of, NodeList.forEach, ArrayFunction.forEach, TokenList.forEach
  • Mozilla-Doku: API/URLSearchParams/forEach
ExpressionResulttypeof
var params = new URLSearchParams();
params.append('name1','value1');
params.append('name2','value2');
var result = '';
params.forEach(value => result += ' '+value);
## INITIAL ##
## INITIAL ##
var params = new URLSearchParams();
params.append('name1','value1');
params.append('name2','value2');
var result = '';
params.forEach((k,v) => result += ' '+k+'='+v);
## INITIAL ##
## INITIAL ##

entries() - Method - URLSearchParams

ExpressionResulttypeof
var params = new URLSearchParams();
params.append('name1','value1');
params.append('name2','value2');
var result = params.entries();
## INITIAL ##
## INITIAL ##
var params = new URLSearchParams('?name1=value1&name2=value2');
var result = '';
for (var [name,value] of params.entries()) {
result += 'name='+name+',value='+value+'<br>';
}
## INITIAL ##
## INITIAL ##

keys() - Method - URLSearchParams

ExpressionResulttypeof
var params = new URLSearchParams('?name1=value1&name2=value2');
var result = '';
for (var item of params.keys()) {
result += item+'<br>';
}
## INITIAL ##
## INITIAL ##

values() - Method - URLSearchParams

ExpressionResulttypeof
var params = new URLSearchParams('?name1=value1&name2=value2');
var result = '';
for (var item of params.values()) {
result += item+'<br>';
}
## INITIAL ##
## INITIAL ##

DataTransfer - JavaScript Dokumentation

  1. addElement() - Method
  2. clearData() - Method
  3. dropEffect - Property
  4. effectAllowed - Property
  5. files - Property
  6. getData(string) - Method
  7. items - Property
  8. setData(string1,string2) - Method
  9. setDragImage() - Method
  10. types - Property
see also: ClipboardEvent.clipboardData, DragEvent.dataTransfer, InputEvent.dataTransfer
Mozilla: API/DataTransfer

dropEffect - Property - DataTransfer

effectAllowed - Property - DataTransfer

files - Property - DataTransfer

items - Property - DataTransfer

types - Property - DataTransfer

addElement() - Method - DataTransfer

clearData() - Method - DataTransfer

getData(string) - Method - DataTransfer

  • retrieves drag data (as a string) for the specified type
  • string: the format:
    • text - as text
  • Mozilla-Doku: API/DataTransfer/getData

setData(string1,string2) - Method - DataTransfer

  • retrieves drag data (as a string) for the specified type
  • string1: the format:
    • text - as text
  • string2: the value
  • Mozilla-Doku: API/DataTransfer/setData

setDragImage() - Method - DataTransfer

HTML Collection (Element) - JavaScript Dokumentation

  1. HTML Collection - Chapter
  2. item(index) - Method
  3. length - Property
  4. namedItem(string) - Method
see also: DocumentObject.anchors, DocumentObject.children, ElementObject.children, HtmlFormElement.elements, DocumentObject.embeds, DocumentObject.forms, DocumentObject.getElementsByClassName, ElementObject.getElementsByClassName, DocumentObject.getElementsByTagName, ElementObject.getElementsByTagName, DocumentObject.images, DocumentObject.links, HtmlTableElement.rows, DocumentObject.scripts, HtmlTableElement.tBodies
Mozilla: API/HTMLCollection

HTML Collection - Chapter - HTML Collection (Element)

  • Genereller Umgang mit der Collection
  • Eine Collection beinhaltet Elemente
  • Mozilla-Doku: API/HTMLCollection
Test-ElementExpressionResulttypeof
TESTFIELD
var coll = document.getElementsByClassName('testclass');
var result = '';
for (let i = 0; i < coll.length; i++) {
var element = coll[i]; /* or */
var element = coll.item(i);
result += element.innerHTML + '<br>';
}
## INITIAL ##
## INITIAL ##
TESTFIELD
var coll = document.getElementsByClassName('testclass');
var element = coll['gen03374']; /* or */
var element = coll.namedItem('gen03374');
var result = element.innerHTML;
## INITIAL ##
## INITIAL ##
TESTFIELD
var coll = document.getElementsByClassName('testclass');
var result = '';
for (let element of coll) {
result += element.innerHTML + '<br>';
}
## INITIAL ##
## INITIAL ##

length - Property - HTML Collection (Element)

Test-ElementExpressionResulttypeof
TESTFIELD
document.getElementsByTagName('a').length
## INITIAL ##
## INITIAL ##
TESTFIELD
document.getElementsByClassName('testclass').length
## INITIAL ##
## INITIAL ##
TESTFIELD
var element = document.getElementById('gen03395').parentElement;
var result = element.children.length;
## INITIAL ##
## INITIAL ##

item(index) - Method - HTML Collection (Element)

Test-ElementExpressionResulttypeof
TESTFIELD
document.getElementsByTagName('a').item(0).innerHTML
## INITIAL ##
## INITIAL ##
TESTFIELD
document.getElementsByClassName('testclass').item(0).tagName
## INITIAL ##
## INITIAL ##
TESTFIELD
var element = document.getElementById('gen03411').parentElement;
var result = element.children.item(1).innerHTML;
## INITIAL ##
## INITIAL ##

namedItem(string) - Method - HTML Collection (Element)

Test-ElementExpressionResulttypeof
TESTFIELD
var parent = document.getElementById('gen03417').parentElement;
var result = parent.children.namedItem('gen03417').innerHTML;
## INITIAL ##
## INITIAL ##
TESTFIELD
var parent = document.getElementById('gen03422').parentElement;
var result = parent.children['gen03422'].innerHTML;
## INITIAL ##
## INITIAL ##

NamedNodeMap (Attribute) - JavaScript Dokumentation

NamedNodeMaps werden ausschliesslich für Attribute verwendet.
  1. NamedNodeMap - Chapter
  2. getNamedItem(string) - Method
  3. getNamedItemNS(string) - Method
  4. item(index) - Method
  5. length - Property
  6. removeNamedItem(string) - Method
  7. removeNamedItemNS(string) - Method
  8. setNamedItem(attribute) - Method
  9. setNamedItemNS(attribute) - Method
see also: ElementObject.attributes
Mozilla: API/NamedNodeMap

NamedNodeMap - Chapter - NamedNodeMap (Attribute)

  • Genereller Umgang mit der NamedNodeMap
  • Eine NamedNodeMap beinhaltet Attribute
  • Mozilla-Doku: API/NamedNodeMap
Test-ElementExpressionResulttypeof
TEST-LABEL
document.getElementById('gen03428').attributes
## INITIAL ##
## INITIAL ##
TEST-LABEL
document.getElementById('gen03433').attributes[0]
## INITIAL ##
## INITIAL ##
TEST-LABEL
var map = document.getElementById('gen03438').attributes;
var result = '';
for (let i = 0; i < map.length; i++) {
result += '*** item ' + i + '<br>';
var attribute = map[i]; /* or */
var attribute = map.item(i);
result += 'name = ' + attribute.name + '<br>';
result += 'value = ' + attribute.value + '<br>';
result += 'specified = ' + attribute.specified + '<br>';
}
## INITIAL ##
## INITIAL ##
TEST-LABEL
var map = document.getElementById('gen03443').attributes;
var result = '*** nameditem id<br>';
var attribute = map['id']; /* or */
var attribute = map.getNamedItem('id');
result += 'name = ' + attribute.name + '<br>';
result += 'value = ' + attribute.value + '<br>';
result += 'specified = ' + attribute.specified + '<br>';
## INITIAL ##
## INITIAL ##

length - Property - NamedNodeMap (Attribute)

Test-ElementExpressionResulttypeof
TEST-LABEL
var map = document.getElementById('gen03449').attributes;
var result = map.length;
## INITIAL ##
## INITIAL ##

item(index) - Method - NamedNodeMap (Attribute)

  • Returns an attribute node (by index) from a NamedNodeMap
  • anstelle map.item(index) kann direkt map[index] aufgerufen werden
  • index: attribute-nodeindex, 0 ≤ index < length
  • see also: CssStyleObject.item, HtmlCollection.item, NodeList.item
  • Mozilla-Doku: API/NamedNodeMap/item
Test-ElementExpressionResulttypeof
TEST-LABEL
var map = document.getElementById('gen03455').attributes;
var result = map[1].value; /* or */
var result = map.item(1).value;
## INITIAL ##
## INITIAL ##

getNamedItem(string) - Method - NamedNodeMap (Attribute)

Test-ElementExpressionResulttypeof
TEST-LABEL
var map = document.getElementById('gen03461').attributes;
var result = map['no'].value; /* or */
var result = map.getNamedItem('no').value;
## INITIAL ##
## INITIAL ##

getNamedItemNS(string) - Method - NamedNodeMap (Attribute)

setNamedItem(attribute) - Method - NamedNodeMap (Attribute)

Test-ElementExpressionResulttypeof
TEST-LABEL
var map1 = document.getElementById('gen03467').attributes;
var attr = document.createAttribute('aaa');
attr.value = 'bbb';
map1.setNamedItem(attr);
var map2 = document.getElementById('gen03467').attributes;
var result = map2.getNamedItem('aaa').value;
## INITIAL ##
## INITIAL ##

setNamedItemNS(attribute) - Method - NamedNodeMap (Attribute)

removeNamedItem(string) - Method - NamedNodeMap (Attribute)

Test-ElementExpressionResulttypeof
TEST-LABEL
var result = '<i>removed</i>:<br>';
var map = document.getElementById('gen03473').attributes;
result += map.removeNamedItem('style').value;
## INITIAL ##
## INITIAL ##

removeNamedItemNS(string) - Method - NamedNodeMap (Attribute)

NodeList (Node) - JavaScript Dokumentation

  1. entries() - Method
  2. forEach(function(node[,index[,array]])[,thisValue]) - Method
  3. item(index) - Method
  4. keys() - Method
  5. length - Property
  6. NodeList - Property
  7. values() - Method
see also: NodeObject.childNodes, DocumentObject.getElementsByName, DocumentObject.querySelectorAll, ElementObject.querySelectorAll
Mozilla: API/NodeList

NodeList - Property - NodeList (Node)

  • Genereller Umgang mit NodeLists
  • Eine NodeList beinhaltet Elemente und Nodes
  • Mozilla-Doku: API/NodeList
Test-ElementExpressionResulttypeof
TESTFIELD
var result = '';
var list = document.getElementsByName('testelement');
for (let i = 0; i < list.length; i++) {
var element = list[i]; /* or */
var element = list.item(i);
result += 'id'+i+':'+element.id+'<br>';
}
## INITIAL ##
## INITIAL ##
TESTFIELD
var result = '';
var list = document.getElementsByName('testelement');
list.forEach((element,i) => result += 'id'+i+':'+element.id+'<br>');
## INITIAL ##
## INITIAL ##
TESTFIELD
var list = document.getElementsByName('testelement');
var result = '';
for (let element of list) {
result += 'id:'+element.id+'<br>';
}
## INITIAL ##
## INITIAL ##

length - Property - NodeList (Node)

Test-ElementExpressionResulttypeof
TESTFIELD
document.getElementsByName('testelement').length
## INITIAL ##
## INITIAL ##

item(index) - Method - NodeList (Node)

Test-ElementExpressionResulttypeof
TESTFIELD
document.getElementsByName('testelement').item(0)
## INITIAL ##
## INITIAL ##
TESTFIELD
document.getElementsByName('testelement')[0]
## INITIAL ##
## INITIAL ##

forEach(function(node[,index[,array]])[,thisValue]) - Method - NodeList (Node)

  • ruft eine Funktion pro Listenelement auf
  • node: aktuelles Element / Node
  • index: index von array, 0 ≤ index < length
  • array: Array aus Liste
  • thisValue: ?
  • see also: Statement.for..of, ArrayFunction.forEach, TokenList.forEach, UrlSearchParams.forEach
  • Mozilla-Doku: API/NodeList/forEach

entries() - Method - NodeList (Node)

keys() - Method - NodeList (Node)

values() - Method - NodeList (Node)

Token List (Class) - JavaScript Dokumentation

  1. add(string...) - Method
  2. contains(string) - Method
  3. entries() - Method
  4. forEach(function(value[,index[,list]])[,thisArg]) - Method
  5. item(index) - Method
  6. keys() - Method
  7. length - Property
  8. remove(string) - Method
  9. replace(string1,string2) - Method
  10. supports(string) - Method
  11. toggle(string) - Method
  12. value - Property
  13. values() - Method
see also: ElementObject.classList
Mozilla: API/DOMTokenList

value - Property - Token List (Class)

Test-ElementExpressionResulttypeof
TEST
var list = document.getElementById('gen03512').classList;
list.add('c1','c2');
var result = list.value;
## INITIAL ##
## INITIAL ##

length - Property - Token List (Class)

Test-ElementExpressionResulttypeof
TEST
var list = document.getElementById('gen03518').classList;
list.add('c1','c2');
var result = list.length;
## INITIAL ##
## INITIAL ##

item(index) - Method - Token List (Class)

Test-ElementExpressionResulttypeof
TEST
var list = document.getElementById('gen03524').classList;
list.add('c1','c2');
var result = list.item(0);
## INITIAL ##
## INITIAL ##

contains(string) - Method - Token List (Class)

Test-ElementExpressionResulttypeof
TEST
var list = document.getElementById('gen03530').classList;
list.add('c1','c2');
var result = list.contains('c2');
result += '<br>' + list.contains('a');
## INITIAL ##
## INITIAL ##

add(string...) - Method - Token List (Class)

  • Adds one or more tokens to the list
  • string: min. ein oder mehrere classnames
  • Mozilla-Doku: API/DOMTokenList/add
Test-ElementExpressionResulttypeof
TEST
var el = document.getElementById('gen03536');
el.classList.add('c1','c2');
var result = el.classList;
## INITIAL ##
## INITIAL ##
TEST
var el = document.getElementById('gen03541');
el.classList.add('c1','c2');
var result = el.className;
## INITIAL ##
## INITIAL ##
TEST
var el = document.getElementById('gen03546');
el.classList.add('c1','c2');
var map = el.attributes;
var result = map['class'] + '<br>';
result += map['class'].name + '<br>';
result += map['class'].value + '<br>';
## INITIAL ##
## INITIAL ##

replace(string1,string2) - Method - Token List (Class)

  • Replaces a token in the list
  • string1: token to be removed
  • string2: token to be added
  • Mozilla-Doku: API/DOMTokenList/replace
Test-ElementExpressionResulttypeof
TEST
var el = document.getElementById('gen03552');
el.classList.add('c1','c2');
var result = el.className+'<br>';
el.classList.replace('c2','c3');
result += el.className+'<br>';
## INITIAL ##
## INITIAL ##

toggle(string) - Method - Token List (Class)

  • Toggles between tokens in the list
  • string: token to add if missing, to remove if available
  • return true if added when missing
  • return false if removed when available
  • Mozilla-Doku: API/DOMTokenList/toggle
Test-ElementExpressionResulttypeof
TEST
var list = document.getElementById('gen03558').classList;
list.add('c1','c2');
var result = list.value+'<br>';
result += list.toggle('c3')+'<br>';
result += list.value+'<br>';
result += list.toggle('c3')+'<br>';
result += list.value+'<br>';
## INITIAL ##
## INITIAL ##

remove(string) - Method - Token List (Class)

Test-ElementExpressionResulttypeof
TEST
var el = document.getElementById('gen03564');
el.classList.add('c1','c2');
var result = el.className+'<br>';
el.classList.remove('c1');
result += el.className+'<br>';
## INITIAL ##
## INITIAL ##

supports(string) - Method - Token List (Class)

  • Returns true if a token is one of an attribute's supported tokens
  • string: an elementname
  • Mozilla-Doku: API/DOMTokenList/supports

forEach(function(value[,index[,list]])[,thisArg]) - Method - Token List (Class)

  • Executes a callback function for each token in the list
  • function: a callback function with value, index, tokenlist
  • value: listelement value (classname)
  • index: listelement index, 0 <= index < length
  • list: tokenlist
  • thisArg: ???
  • see also: Statement.for..of, NodeList.forEach, ArrayFunction.forEach, UrlSearchParams.forEach
  • Mozilla-Doku: API/DOMTokenList/forEach
Test-ElementExpressionResulttypeof
TEST
var list = document.getElementById('gen03570').classList;
list.add('c1','c2');
var result = '';
list.forEach(value => result += ' ' + value);
result += '<br>';
list.forEach((value,index) => result += ' ' + index);
## INITIAL ##
## INITIAL ##

entries() - Method - Token List (Class)

Test-ElementExpressionResulttypeof
TEST
document.getElementById('gen03576').classList.entries()
## INITIAL ##
## INITIAL ##
TEST
var list = document.getElementById('gen03581').classList;
list.add('c1','c2');
var result = '';
for (var entry of list.entries()) {
result += entry[0]+'='+entry[1]+'<br>';
}
## INITIAL ##
## INITIAL ##

keys() - Method - Token List (Class)

Test-ElementExpressionResulttypeof
TEST
var list = document.getElementById('gen03587').classList;
list.add('c1','c2');
var result = list.keys();
## INITIAL ##
## INITIAL ##
TEST
var list = document.getElementById('gen03592').classList;
list.add('c1','c2');
var result = '';
for (var item of list.keys()) {
result += ' ' + item;
}
## INITIAL ##
## INITIAL ##

values() - Method - Token List (Class)

Test-ElementExpressionResulttypeof
TEST
var list = document.getElementById('gen03598').classList;
list.add('c1','c2');
var result = list.values();
## INITIAL ##
## INITIAL ##
TEST
var list = document.getElementById('gen03603').classList;
list.add('c1','c2');
var result = '';
for (var item of list.values()) {
result += ' ' + item;
}
## INITIAL ##
## INITIAL ##

EventTarget - JavaScript Dokumentation

For Event-Names the following Names are possible:
  • afterprint (onafterprint) - Event - das Drucken hat begonnen oder wurde abgebrochen
  • afterscriptexecute (onafterscriptexecute) - Event
  • animationcancel (onanimationcancel) - AnimationEvent - The animationcancel event is fired when a CSS Animation unexpectedly aborts. In other words, any time it stops running without sending an animationend event. This might happen when the animation-name is changed such that the animation is removed, or when the animating node is hidden using CSS. Therefore, either directly or because any of its containing nodes are hidden.
  • animationend (onanimationend) - AnimationEvent - A CSS animation has completed
  • animationiteration (onanimationiteration) - AnimationEvent - A CSS animation is repeated
  • animationstart (onanimationstart) - AnimationEvent - A CSS animation has started
  • appinstalled (onappinstalled) - Event - The appinstalled event of the Web Manifest API is fired when the browser has successfully installed a page as an application.
  • beforeinstallprompt (onbeforeinstallprompt) - BeforeInstallPromptEvent
  • beforematch (onbeforematch) - Event
  • beforeprint (onbeforeprint) - Event - der Druckdialog wird geöffnet
  • beforescriptexecute (onbeforescriptexecute) - Event
  • beforetoggle (onbeforetoggle) - ToggleEvent
  • beforeunload (onbeforeunload) - BeforeUnloadEvent - Before a document is about to be unloaded
  • beforexrselect (onbeforexrselect) - XRSessionEvent
  • blur (onblur) - FocusEvent - An element loses focus
  • cancel (oncancel) - Event
  • change (onchange) - Event - The content of a form element has changed
  • click (onclick) - PointerEvent - ein Element wurde angeclickt
  • auxclick (onauxclick) - PointerEvent - auxclick is fired after the mousedown and mouseup events have been fired, in that order.
  • compositionstart (oncompositionstart) - CompositionEvent
  • compositionupdate (oncompositionupdate) - CompositionEvent
  • compositionend (oncompositionend) - CompositionEvent
  • contentvisibilityautostatechange (oncontentvisibilityautostatechange) - ContentVisibilityAutoStateChangeEvent - experimental
  • contextmenu (oncontextmenu) - PointerEvent - An element is right-clicked to open a context menu
  • copy (oncopy) - ClipboardEvent - The content of an element is copied
  • cut (oncut) - ClipboardEvent - The content of an element is cutted
  • dblclick (ondblclick) - MouseEvent - An element is double-clicked
  • devicemotion (ondevicemotion) - DeviceMotionEvent
  • deviceorientation (ondeviceorientation) - DeviceOrientationEvent
  • deviceorientationabsolute (ondeviceorientationabsolute) - DeviceOrientationEvent
  • DOMActivate (onDOMActivate) - MouseEvent
  • DOMContentLoaded (onDOMContentLoaded) - Event
  • DOMMouseScroll (onDOMMouseScroll) - WheelEvent
  • drag (ondrag) - DragEvent - An element is being dragged
  • dragend (ondragend) - DragEvent - Dragging of an element has ended
  • dragenter (ondragenter) - DragEvent - A dragged element enters the drop target
  • dragleave (ondragleave) - DragEvent - A dragged element leaves the drop target
  • dragover (ondragover) - DragEvent - A dragged element is over the drop target
  • dragstart (ondragstart) - DragEvent - Dragging of an element has started
  • drop (ondrop) - DragEvent - A dragged element is dropped on the target
  • error (onerror) - ErrorEvent - An error occurs while loading an external file
  • focus (onfocus) - FocusEvent - An element gets focus
  • focusin (onfocusin) - FocusEvent - An element is about to get focus
  • focusout (onfocusout) - FocusEvent - An element is about to lose focus
  • fullscreenchange (onfullscreenchange) - Event - An element is displayed in fullscreen mode
  • fullscreenerror (onfullscreenerror) - Event - An element can not be displayed in fullscreen mode
  • gesturechange (ongesturechange) - GestureEvent
  • gestureend (ongestureend) - GestureEvent
  • gesturestart (ongesturestart) - GestureEvent
  • gotpointercapture (ongotpointercapture) - PointerEvent
  • hashchange (onhashchange) - HashChangeEvent - There has been changes to the anchor part of a URL
  • input (oninput) - InputEvent - An element gets user input
  • beforeinput (onbeforeinput) - InputEvent - fires when the value of an <input> or <textarea> element is about to be modified, but not the <select> element
  • invalid (oninvalid) - Event - An element is invalid
  • keydown (onkeydown) - KeyboardEvent - A key is down
  • keypress (onkeypress) - KeyboardEvent - A key is pressed
  • keyup (onkeyup) - KeyboardEvent - A key is released
  • languagechange (onlanguagechange) - Event
  • load (onload) - Event - An object has loaded
  • lostpointercapture (onlostpointercapture) - PointerEvent
  • message (onmessage) - MessageEvent - A message is received through the event source
  • messageerror (onmessageerror) - MessageEvent
  • mousedown (onmousedown) - MouseEvent - The mouse button is pressed over an element
  • mouseenter (onmouseenter) - MouseEvent - The pointer is moved onto an element
  • mouseleave (onmouseleave) - MouseEvent - The pointer is moved out of an element
  • mousemove (onmousemove) - MouseEvent - The pointer is moved over an element
  • mouseout (onmouseout) - MouseEvent - The pointer is moved out of an element
  • mouseover (onmouseover) - MouseEvent - The pointer is moved onto an element
  • mouseup (onmouseup) - MouseEvent - A user releases a mouse button over an element
  • mousewheel (onmousewheel) - WheelEvent - Deprecated. Use the wheel event instead
  • MozMousePixelScroll (onMozMousePixelScroll) - WheelEvent
  • mscandidatewindowhide (onmscandidatewindowhide) - Event
  • mscandidatewindowshow (onmscandidatewindowshow) - Event
  • mscandidatewindowupdate (onmscandidatewindowupdate) - Event
  • offline (onoffline) - Event - The browser starts to work offline
  • online (ononline) - Event - The browser starts to work online
  • orientationchange (onorientationchange) - Event
  • pagehide (onpagehide) - PageTransitionEvent - User navigates away from a webpage
  • pageshow (onpageshow) - PageTransitionEvent - User navigates to a webpage
  • paste (onpaste) - ClipboardEvent - Some content is pasted in an element
  • pointercancel (onpointercancel) - PointerEvent
  • pointerdown (onpointerdown) - PointerEvent
  • pointerenter (onpointerenter) - PointerEvent
  • pointerleave (onpointerleave) - PointerEvent
  • pointerlockchange (onpointerlockchange) - Event
  • pointerlockerror (onpointerlockerror) - Event
  • pointermove (onpointermove) - PointerEvent
  • pointerout (onpointerout) - PointerEvent
  • pointerover (onpointerover) - PointerEvent
  • pointerrawupdate (onpointerrawupdate) - PointerEvent
  • pointerup (onpointerup) - PointerEvent
  • popstate (onpopstate) - PopStateEvent - The window's history changes
  • prerenderingchange (onprerenderingchange) - Event
  • readystatechange (onreadystatechange) - Event
  • rejectionhandled (onrejectionhandled) - PromiseRejectionEvent
  • reset (onreset) - Event - A form is reset
  • resize (onresize) - Event - The document view is resized
  • scroll (onscroll) - Event - An element's scrollbar is being scrolled
  • scrollend (onscrollend) - Event
  • search (onsearch) - Event - Something is written in a search field
  • securitypolicyviolation (onsecuritypolicyviolation) - SecurityPolicyViolationEvent
  • selectionchange (onselectionchange) - Event
  • selectstart (onselectstart) - Event
  • select (onselect) - Event - User selects some text
  • storage (onstorage) - StorageEvent - A Web Storage area is updated
  • submit (onsubmit) - SubmitEvent - A form is submitted
  • toggle (ontoggle) - ToggleEvent - The user opens or closes the <details> element
  • touchcancel (ontouchcancel) - TouchEvent - The touch is interrupted
  • touchend (ontouchend) - TouchEvent - A finger is removed from a touch screen
  • touchmove (ontouchmove) - TouchEvent - A finger is dragged across the screen
  • touchstart (ontouchstart) - TouchEvent - A finger is placed on a touch screen
  • transitioncancel (ontransitioncancel) - TransitionEvent
  • transitionend (ontransitionend) - TransitionEvent - A CSS transition has completed
  • transitionrun (ontransitionrun) - TransitionEvent
  • transitionstart (ontransitionstart) - TransitionEvent
  • unhandledrejection (onunhandledrejection) - PromiseRejectionEvent
  • unload (onunload) - Event - A page has unloaded (for <body>)
  • visibilitychange (onvisibilitychange) - Event
  • vrdisplayactivate (onvrdisplayactivate) - VRDisplayEvent
  • vrdisplayconnect (onvrdisplayconnect) - VRDisplayEvent
  • vrdisplaydeactivate (onvrdisplaydeactivate) - VRDisplayEvent
  • vrdisplaydisconnect (onvrdisplaydisconnect) - VRDisplayEvent
  • vrdisplaypresentchange (onvrdisplaypresentchange) - VRDisplayEvent
  • webkitmouseforcechanged (onwebkitmouseforcechanged) - MouseEvent
  • webkitmouseforcedown (onwebkitmouseforcedown) - MouseEvent
  • webkitmouseforceup (onwebkitmouseforceup) - MouseEvent
  • webkitmouseforcewillbegin (onwebkitmouseforcewillbegin) - MouseEvent
  • wheel (onwheel) - WheelEvent - The mouse wheel rolls up or down over an element
  • currententrychange (oncurrententrychange) - NavigationCurrentEntryChangeEvent
  • navigate (onnavigate) - NavigateEvent
  • navigateerror (onnavigateerror) - ErrorEvent
  • navigatesuccess (onnavigatesuccess) - Event
  • formdata (onformdata) - FormDataEvent
  • gamepadconnected (ongamepadconnected) - GamepadEvent
  • gamepaddisconnected (ongamepaddisconnected) - GamepadEvent
  1. addEventListener(listenerevent,function([event])[,boolean]) - Method
  2. dispatchEvent(event) - Method
  3. removeEventListener(listenerevent,function([event])[,boolean]) - Method
Mozilla: API/EventTarget

addEventListener(listenerevent,function([event])[,boolean]) - Method - EventTarget

  • Attaches an event handler to the window
  • listenerevent: an event-name
  • function: eventfunction
  • event: the Event
  • boolean: use capture, default=false
  • Mozilla-Doku: API/EventTarget/addEventListener
ExpressionResult
addEventListener('load', e => {
var res = '';
res += document.getElementsByTagName('a').length + '<br>';
res += document.links.length + '<br>';
document.getElementById('resultId').innerHTML = res;
});
var result = 'done';
## INITIAL ##

removeEventListener(listenerevent,function([event])[,boolean]) - Method - EventTarget

dispatchEvent(event) - Method - EventTarget

Window Object - JavaScript Dokumentation

  1. Window.PERSISTENT - StaticProperty
  2. Window.TEMPORARY - StaticProperty
  3. alert(string) - Method
  4. blur() - Method
  5. caches - Property
  6. cancelAnimationFrame() - Method
  7. cancelIdleCallback() - Method
  8. captureEvents() - Method
  9. clearInterval(intervalId) - Method
  10. clearTimeout(timeoutId) - Method
  11. close() - Method
  12. closed - Property
  13. confirm(string) - Method
  14. console - Property
  15. cookieStore - Property
  16. crypto - Property
  17. customElements - Property
  18. devicePixelRatio - Property
  19. document - Property
  20. external - Property
  21. fetch() - Method
  22. find() - Method
  23. focus() - Method
  24. frameElement - Property
  25. frames - Property
  26. getComputedStyle() - Method
  27. getSelection() - Method
  28. history - Property
  29. indexedDB - Property
  30. innerHeight - Property
  31. innerWidth - Property
  32. launchQueue - Property
  33. length - Property
  34. localStorage - Property
  35. location - Property
  36. locationbar - Property
  37. matchMedia() - Method
  38. menubar - Property
  39. moveBy() - Method
  40. moveTo() - Method
  41. name - Property
  42. navigation - Property
  43. navigator - Property
  44. open([url[,name[,spec]]]) - Method
  45. opener - Property
  46. originAgentCluster - Property
  47. outerHeight - Property
  48. outerWidth - Property
  49. pageXOffset - Property
  50. pageYOffset - Property
  51. parent - Property
  52. performance - Property
  53. personalbar - Property
  54. postMessage() - Method
  55. print() - Method
  56. prompt([string1[,string2]]) - Method
  57. queryLocalFonts() - Method
  58. requestAnimationFrame() - Method
  59. requestIdleCallback() - Method
  60. resizeBy(width,height) - Method
  61. resizeTo(width,height) - Method
  62. scheduler - Property
  63. screen - Property
  64. screenLeft - Property
  65. screenTop - Property
  66. screenX - Property
  67. screenY - Property
  68. scroll() - Method
  69. scrollbars - Property
  70. scrollBy(x,y) - Method
  71. scrollTo(x,y) - Method
  72. scrollX - Property
  73. scrollY - Property
  74. self - Property
  75. sessionStorage - Property
  76. setInterval(function(),millis[,param...]) - Method
  77. setTimeout(function()[,millis[,param...]]) - Method
  78. showDirectoryPicker() - Method
  79. showOpenFilePicker() - Method
  80. showSaveFilePicker() - Method
  81. speechSynthesis - Property
  82. statusbar - Property
  83. stop() - Method
  84. toolbar - Property
  85. top - Property
  86. visualViewport - Property
  87. window - Property
  88. releaseEvents() - Method - deprecated
Window Object supports the following events:
  • afterprint (onafterprint) - Event - das Drucken hat begonnen oder wurde abgebrochen
  • appinstalled (onappinstalled) - Event - The appinstalled event of the Web Manifest API is fired when the browser has successfully installed a page as an application.
  • beforeinstallprompt (onbeforeinstallprompt) - BeforeInstallPromptEvent
  • beforeprint (onbeforeprint) - Event - der Druckdialog wird geöffnet
  • beforeunload (onbeforeunload) - BeforeUnloadEvent - Before a document is about to be unloaded
  • blur (onblur) - FocusEvent - An element loses focus
  • copy (oncopy) - ClipboardEvent - The content of an element is copied
  • cut (oncut) - ClipboardEvent - The content of an element is cutted
  • devicemotion (ondevicemotion) - DeviceMotionEvent
  • deviceorientation (ondeviceorientation) - DeviceOrientationEvent
  • deviceorientationabsolute (ondeviceorientationabsolute) - DeviceOrientationEvent
  • error (onerror) - ErrorEvent - An error occurs while loading an external file
  • focus (onfocus) - FocusEvent - An element gets focus
  • gamepadconnected (ongamepadconnected) - GamepadEvent
  • gamepaddisconnected (ongamepaddisconnected) - GamepadEvent
  • hashchange (onhashchange) - HashChangeEvent - There has been changes to the anchor part of a URL
  • languagechange (onlanguagechange) - Event
  • load (onload) - Event - An object has loaded
  • message (onmessage) - MessageEvent - A message is received through the event source
  • messageerror (onmessageerror) - MessageEvent
  • offline (onoffline) - Event - The browser starts to work offline
  • online (ononline) - Event - The browser starts to work online
  • orientationchange (onorientationchange) - Event
  • pagehide (onpagehide) - PageTransitionEvent - User navigates away from a webpage
  • pageshow (onpageshow) - PageTransitionEvent - User navigates to a webpage
  • paste (onpaste) - ClipboardEvent - Some content is pasted in an element
  • popstate (onpopstate) - PopStateEvent - The window's history changes
  • rejectionhandled (onrejectionhandled) - PromiseRejectionEvent
  • resize (onresize) - Event - The document view is resized
  • storage (onstorage) - StorageEvent - A Web Storage area is updated
  • unhandledrejection (onunhandledrejection) - PromiseRejectionEvent
  • unload (onunload) - Event - A page has unloaded (for <body>)
  • vrdisplayactivate (onvrdisplayactivate) - VRDisplayEvent
  • vrdisplayconnect (onvrdisplayconnect) - VRDisplayEvent
  • vrdisplaydeactivate (onvrdisplaydeactivate) - VRDisplayEvent
  • vrdisplaydisconnect (onvrdisplaydisconnect) - VRDisplayEvent
  • vrdisplaypresentchange (onvrdisplaypresentchange) - VRDisplayEvent
Window Object inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener
see also: WindowObject.self, WindowObject.top, WindowObject.window
Mozilla: API/Window

history - Property - Window Object

  • Returns the History object for the window.
  • bietet (eingeschränkten) Zugriff auf die besuchten WWW-Seiten des Anwenders.
  • returns History Object
  • Mozilla-Doku: API/Window/history
ExpressionResulttypeof
window.history
## INITIAL ##
## INITIAL ##

location - Property - Window Object

ExpressionResulttypeof
window.location
## INITIAL ##
## INITIAL ##

navigator - Property - Window Object

ExpressionResulttypeof
window.navigator
## INITIAL ##
## INITIAL ##

screen - Property - Window Object

ExpressionResulttypeof
window.screen
## INITIAL ##
## INITIAL ##

document - Property - Window Object

  • Returns the Document object for the window.
  • bezieht sich auf den Inhalt, der in einem Browser-Fenster angezeigt wird. Mit ihm ist auch der Zugriff auf alle HTML-Elemente möglich.
  • returns Document Object
  • Mozilla-Doku: API/Window/document
ExpressionResulttypeof
window.document
## INITIAL ##
## INITIAL ##

console - Property - Window Object

ExpressionResulttypeof
window.console
## INITIAL ##
## INITIAL ##

window - Property - Window Object

ExpressionResulttypeof
window
## INITIAL ##
## INITIAL ##
window.window
## INITIAL ##
## INITIAL ##
window.window.window
## INITIAL ##
## INITIAL ##

Window.TEMPORARY - StaticProperty - Window Object

ExpressionResulttypeof
Window.TEMPORARY
## INITIAL ##
## INITIAL ##

Window.PERSISTENT - StaticProperty - Window Object

ExpressionResulttypeof
Window.PERSISTENT
## INITIAL ##
## INITIAL ##

devicePixelRatio - Property - Window Object

ExpressionResulttypeof
window.devicePixelRatio
## INITIAL ##
## INITIAL ##

originAgentCluster - Property - Window Object

  • Origin-Agent-Cluster is a new HTTP response header that instructs the browser to prevent synchronous scripting access between same-site cross-origin pages.
  • Mozilla-Doku: API/Window/originAgentCluster
ExpressionResulttypeof
window.originAgentCluster
## INITIAL ##
## INITIAL ##

alert(string) - Method - Window Object

  • öffnet ein Popup mit der angegebenen Message und OK. HTML wird nicht unterstützt
  • string: Message
  • Mozilla-Doku: API/Window/alert
ExpressionButton
window.alert('hallo')
window.alert('<b>Hallo</b> Du!')

confirm(string) - Method - Window Object

  • zeigt einen Dialog mit einer Message und gibt true=OK oder false=Cancel zurück
  • string: Message
  • Mozilla-Doku: API/Window/confirm
ExpressionButtonResult
if (window.confirm('Eingabe')) {
result = 'OK';
} else {
result = 'Cancel';
}
document.getElementById('resultId').innerHTML = result;
Button drücken!

prompt([string1[,string2]]) - Method - Window Object

  • öffnet eine InputBox mit einem Text
  • string1: Fragetext
  • string2: vorgeschlagene Antwort
  • Mozilla-Doku: API/Window/prompt
ExpressionButtonResult
var result = window.prompt('Eingabe');
document.getElementById('resultId').innerHTML = result;
Button drücken!

closed - Property - Window Object

ExpressionResulttypeof
window.closed
## INITIAL ##
## INITIAL ##

frameElement - Property - Window Object

ExpressionResulttypeof
window.frameElement
## INITIAL ##
## INITIAL ##

frames - Property - Window Object

ExpressionResulttypeof
window.frames
## INITIAL ##
## INITIAL ##

innerHeight - Property - Window Object

  • Returns the height of the window's content area (viewport) including scrollbars
  • Mozilla-Doku: API/Window/innerHeight
ExpressionResulttypeof
window.innerHeight
## INITIAL ##
## INITIAL ##

innerWidth - Property - Window Object

  • Returns the width of a window's content area (viewport) including scrollbars
  • Mozilla-Doku: API/Window/innerWidth
ExpressionResulttypeof
window.innerWidth
## INITIAL ##
## INITIAL ##

length - Property - Window Object

  • Returns the number of <iframe> elements in the current window
  • Mozilla-Doku: API/Window/length
ExpressionResulttypeof
window.length
## INITIAL ##
## INITIAL ##

localStorage - Property - Window Object

  • Allows to save key/value pairs in a web browser. Stores the data with no expiration date
  • Mozilla-Doku: API/Window/localStorage
ExpressionResulttypeof
window.localStorage
## INITIAL ##
## INITIAL ##

name - Property - Window Object

ExpressionResulttypeof
window.name
## INITIAL ##
## INITIAL ##

opener - Property - Window Object

  • Returns a reference to the window that created the window
  • Mozilla-Doku: API/Window/opener
ExpressionResulttypeof
window.opener
## INITIAL ##
## INITIAL ##

outerHeight - Property - Window Object

ExpressionResulttypeof
window.outerHeight
## INITIAL ##
## INITIAL ##

outerWidth - Property - Window Object

  • Returns the width of the browser window, including toolbars/scrollbars
  • Mozilla-Doku: API/Window/outerWidth
ExpressionResulttypeof
window.outerWidth
## INITIAL ##
## INITIAL ##

pageXOffset - Property - Window Object

  • Returns the pixels the current document has been scrolled (horizontally) from the upper left corner of the window
  • Mozilla-Doku: API/Window/pageXOffset
ExpressionResulttypeof
window.pageXOffset
## INITIAL ##
## INITIAL ##

pageYOffset - Property - Window Object

  • Returns the pixels the current document has been scrolled (vertically) from the upper left corner of the window
  • Mozilla-Doku: API/Window/pageYOffset
ExpressionResulttypeof
window.pageYOffset
## INITIAL ##
## INITIAL ##

parent - Property - Window Object

ExpressionResulttypeof
window.parent
## INITIAL ##
## INITIAL ##

screenLeft - Property - Window Object

ExpressionResulttypeof
window.screenLeft
## INITIAL ##
## INITIAL ##

screenTop - Property - Window Object

ExpressionResulttypeof
window.screenTop
## INITIAL ##
## INITIAL ##

screenX - Property - Window Object

ExpressionResulttypeof
window.screenX
## INITIAL ##
## INITIAL ##

screenY - Property - Window Object

ExpressionResulttypeof
window.screenY
## INITIAL ##
## INITIAL ##

sessionStorage - Property - Window Object

ExpressionResulttypeof
window.sessionStorage
## INITIAL ##
## INITIAL ##

scrollX - Property - Window Object

ExpressionResulttypeof
window.scrollX
## INITIAL ##
## INITIAL ##

scrollY - Property - Window Object

ExpressionResulttypeof
window.scrollY
## INITIAL ##
## INITIAL ##

self - Property - Window Object

ExpressionResulttypeof
window.self
## INITIAL ##
## INITIAL ##

top - Property - Window Object

ExpressionResulttypeof
window.top
## INITIAL ##
## INITIAL ##

blur() - Method - Window Object

close() - Method - Window Object

ExpressionButton
window.close()

focus() - Method - Window Object

getComputedStyle() - Method - Window Object

Test-ElementExpressionResulttypeof
TEST
var element = document.getElementById('gen03821');
var result = getComputedStyle(element);
## INITIAL ##
## INITIAL ##
TEST
var element = document.getElementById('gen03826');
var css = getComputedStyle(element);
var result = css.getPropertyValue('border-color');
## INITIAL ##
## INITIAL ##
TEST
var element = document.getElementById('gen03831');
var css = getComputedStyle(element);
var result = css.getPropertyValue('font-size');
## INITIAL ##
## INITIAL ##

getSelection() - Method - Window Object

  • Returns a Selection object representing the range of text selected by the user
  • Mozilla-Doku: API/Window/getSelection

matchMedia() - Method - Window Object

  • Returns a MediaQueryList object representing the specified CSS media query string
  • Mozilla-Doku: API/Window/matchMedia

moveBy() - Method - Window Object

moveTo() - Method - Window Object

open([url[,name[,spec]]]) - Method - Window Object

  • Opens a new browser window
  • url: url or empty for empty page
  • name: name, empty = new window
  • spec: spec: fullscreen=yes|no, width=px, height=px, top=px, left=px, ...
  • Mozilla-Doku: API/Window/open
ExpressionButton
window.open()

print() - Method - Window Object

ExpressionButton
window.print()

requestAnimationFrame() - Method - Window Object

resizeBy(width,height) - Method - Window Object

  • Resizes the window by the specified pixels
  • width: width offset
  • height: height offset
  • Mozilla-Doku: API/Window/resizeBy
ExpressionButton
var f = window.open('', '', 'width=600, height=100');
setTimeout(() => f.resizeBy(-300, 100), 2000);
setTimeout(() => f.close(), 4000);

resizeTo(width,height) - Method - Window Object

  • Resizes the window to the specified width and height
  • width: width
  • height: height
  • Mozilla-Doku: API/Window/resizeTo
ExpressionButton
var f = window.open('', '', 'width=100, height=100');
setTimeout(() => f.resizeTo(800, 400), 2000);
setTimeout(() => f.close(), 4000);

scrollBy(x,y) - Method - Window Object

  • Scrolls the document by the specified number of pixels
  • x: horizontal position offset
  • y: vertical position offset
  • Mozilla-Doku: API/Window/scrollBy
ExpressionButton
window.scrollBy(0,-20)

scrollTo(x,y) - Method - Window Object

  • Scrolls the document to the specified coordinates
  • x: horizontal position
  • y: vertical position
  • Mozilla-Doku: API/Window/scrollTo
ExpressionButton
var element = document.getElementById('tableId');
var top = Math.round(element.getBoundingClientRect().top + window.scrollY);
top -= Math.round(Math.random() * 300);
window.scrollTo(0,top);

stop() - Method - Window Object

  • stoppt das Laden im Browser, gleiche Funktion wie der -Button im Browser.
  • Mozilla-Doku: API/Window/stop

setTimeout(function()[,millis[,param...]]) - Method - Window Object

  • Calls a function or evaluates an expression after a specified number of milliseconds
  • function: a function
  • millis: default=0, milliseconds
  • param: parameters for the function
  • see also: clearTimeout, setInterval
  • Mozilla-Doku: API/Window/setTimeout
ExpressionButtonResult
var el = document.getElementById('resultId');
el.innerHTML = 'start';
var timeoutId = setTimeout(() => el.innerHTML = 'ausgeführt', 900);

clearTimeout(timeoutId) - Method - Window Object

ExpressionButtonResult
var el = document.getElementById('resultId');
el.innerHTML = 'start';
var timeoutId = setTimeout(() => el.innerHTML = 'ausgeführt', 2000);
clearTimeout(timeoutId);
el.innerHTML = 'cancelled';

setInterval(function(),millis[,param...]) - Method - Window Object

  • Calls a function or evaluates an expression at specified intervals (in milliseconds)
  • To execute the function only once, use the setTimeout method instead.
  • function: a function
  • millis: milliseconds
  • param: parameters for the function
  • see also: clearInterval, setTimeout
  • Mozilla-Doku: API/Window/setInterval
ExpressionButtonResult
document.getElementById('resultId').innerHTML = 'Interval starten<br>';
var intervalId = setInterval(() => {
document.getElementById('resultId').innerHTML += Date.now() + '<br>';
}, 500);
setTimeout(() => {
clearInterval(intervalId);
document.getElementById('resultId').innerHTML += 'Interval beendet<br>';
}, 2800);

clearInterval(intervalId) - Method - Window Object

ExpressionButtonResult
document.getElementById('resultId').innerHTML = 'Interval starten<br>';
var intervalId = setInterval(() => {
document.getElementById('resultId').innerHTML += Date.now() + '<br>';
}, 500);
setTimeout(() => {
clearInterval(intervalId);
document.getElementById('resultId').innerHTML += 'Interval beendet<br>';
}, 2800);

customElements - Property - Window Object

external - Property - Window Object

visualViewport - Property - Window Object

performance - Property - Window Object

crypto - Property - Window Object

indexedDB - Property - Window Object

scheduler - Property - Window Object

cancelAnimationFrame() - Method - Window Object

cancelIdleCallback() - Method - Window Object

captureEvents() - Method - Window Object

fetch() - Method - Window Object

find() - Method - Window Object

postMessage() - Method - Window Object

releaseEvents() - Method - Window Object

requestIdleCallback() - Method - Window Object

scroll() - Method - Window Object

launchQueue - Property - Window Object

queryLocalFonts() - Method - Window Object

showDirectoryPicker() - Method - Window Object

showOpenFilePicker() - Method - Window Object

showSaveFilePicker() - Method - Window Object

navigation - Property - Window Object

ExpressionResulttypeof
window.navigation
## INITIAL ##
## INITIAL ##
var result = '';
var obj = window.navigation;
for (let prp in obj) {result += prp + ': ' + typeof obj[prp];
result += ' = ' + obj[prp] + '<br>';
}
## INITIAL ##
## INITIAL ##

speechSynthesis - Property - Window Object

caches - Property - Window Object

cookieStore - Property - Window Object

locationbar - Property - Window Object

ExpressionResulttypeof
window.locationbar.visible
## INITIAL ##
## INITIAL ##
window.locationbar
## INITIAL ##
## INITIAL ##
var result = '';
var obj = window.locationbar;
for (let prp in obj) {result += prp + ': ' + typeof obj[prp];
result += ' = ' + obj[prp] + '<br>';
}
## INITIAL ##
## INITIAL ##

toolbar - Property - Window Object

  • toolbar zeigt an, ob ein Fenster eine (vor- und zurück) Button-Leiste hat.
  • Mozilla-Doku: API/Window/toolbar
ExpressionResulttypeof
window.toolbar.visible
## INITIAL ##
## INITIAL ##
window.toolbar
## INITIAL ##
## INITIAL ##
var result = '';
var obj = window.toolbar;
for (let prp in obj) {result += prp + ': ' + typeof obj[prp];
result += ' = ' + obj[prp] + '<br>';
}
## INITIAL ##
## INITIAL ##

personalbar - Property - Window Object

ExpressionResulttypeof
window.personalbar.visible
## INITIAL ##
## INITIAL ##
window.personalbar
## INITIAL ##
## INITIAL ##
var result = '';
var obj = window.personalbar;
for (let prp in obj) {result += prp + ': ' + typeof obj[prp];
result += ' = ' + obj[prp] + '<br>';
}
## INITIAL ##
## INITIAL ##

menubar - Property - Window Object

  • menubar zeigt an, ob ein Fenster eine Leiste mit den Browser-Menübefehlen hat.
  • Mozilla-Doku: API/Window/menubar
ExpressionResulttypeof
window.menubar.visible
## INITIAL ##
## INITIAL ##
window.menubar
## INITIAL ##
## INITIAL ##
var result = '';
var obj = window.menubar;
for (let prp in obj) {result += prp + ': ' + typeof obj[prp];
result += ' = ' + obj[prp] + '<br>';
}
## INITIAL ##
## INITIAL ##

scrollbars - Property - Window Object

ExpressionResulttypeof
window.scrollbars.visible
## INITIAL ##
## INITIAL ##
window.scrollbars
## INITIAL ##
## INITIAL ##
var result = '';
var obj = window.scrollbars;
for (let prp in obj) {result += prp + ': ' + typeof obj[prp];
result += ' = ' + obj[prp] + '<br>';
}
## INITIAL ##
## INITIAL ##

statusbar - Property - Window Object

  • statusbar zeigt an, ob ein Fenster eine Statuszeile hat.
  • dieses Resultat ist in den meisten Fällen falsch.
  • Mozilla-Doku: API/Window/statusbar
ExpressionResulttypeof
window.statusbar.visible
## INITIAL ##
## INITIAL ##
window.statusbar
## INITIAL ##
## INITIAL ##
var result = '';
var obj = window.statusbar;
for (let prp in obj) {result += prp + ': ' + typeof obj[prp];
result += ' = ' + obj[prp] + '<br>';
}
## INITIAL ##
## INITIAL ##

Node Object - JavaScript Dokumentation

  1. Node.ATTRIBUTE_NODE - StaticProperty
  2. Node.CDATA_SECTION_NODE - StaticProperty
  3. Node.COMMENT_NODE - StaticProperty
  4. Node.DOCUMENT_FRAGMENT_NODE - StaticProperty
  5. Node.DOCUMENT_NODE - StaticProperty
  6. Node.DOCUMENT_POSITION_CONTAINED_BY - StaticProperty
  7. Node.DOCUMENT_POSITION_CONTAINS - StaticProperty
  8. Node.DOCUMENT_POSITION_DISCONNECTED - StaticProperty
  9. Node.DOCUMENT_POSITION_FOLLOWING - StaticProperty
  10. Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC - StaticProperty
  11. Node.DOCUMENT_POSITION_PRECEDING - StaticProperty
  12. Node.DOCUMENT_TYPE_NODE - StaticProperty
  13. Node.ELEMENT_NODE - StaticProperty
  14. Node.ENTITY_NODE - StaticProperty
  15. Node.ENTITY_REFERENCE_NODE - StaticProperty
  16. Node.NOTATION_NODE - StaticProperty
  17. Node.PROCESSING_INSTRUCTION_NODE - StaticProperty
  18. Node.TEXT_NODE - StaticProperty
  19. appendChild(node) - Method
  20. baseURI - Property
  21. childNodes - Property
  22. cloneNode([boolean]) - Method
  23. compareDocumentPosition(node) - Method
  24. contains(node) - Method
  25. firstChild - Property
  26. getRootNode([boolean]) - Method
  27. hasChildNodes() - Method
  28. insertBefore(node1,node2) - Method
  29. isConnected - Property
  30. isDefaultNamespace() - Method
  31. isEqualNode() - Method
  32. isSameNode() - Method
  33. lastChild - Property
  34. lookupNamespaceURI(prefix) - Method
  35. lookupPrefix(namespace) - Method
  36. nextSibling - Property
  37. nodeName - Property
  38. nodeType - Property
  39. nodeValue - Property
  40. normalize() - Method
  41. ownerDocument - Property
  42. parentElement - Property
  43. parentNode - Property
  44. previousSibling - Property
  45. removeChild(node) - Method
  46. replaceChild() - Method
  47. textContent - Property
Node Object supports the following events:
  • selectstart (onselectstart) - Event
Node Object inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener
see also: NodeObject.appendChild, NodeObject.firstChild, NodeObject.lastChild, NodeObject.nextSibling
Mozilla: API/Node

Node.ELEMENT_NODE - StaticProperty - Node Object

  • Konstante für nodeType
  • Element e.g. <tag>
ExpressionResulttypeof
Node.ELEMENT_NODE
## INITIAL ##
## INITIAL ##

Node.ATTRIBUTE_NODE - StaticProperty - Node Object

  • Konstante für nodeType
  • Attribut e.g. name='value'
ExpressionResulttypeof
Node.ATTRIBUTE_NODE
## INITIAL ##
## INITIAL ##

Node.TEXT_NODE - StaticProperty - Node Object

  • Konstante für nodeType
  • Textnode e.g. 'Das ist ein Text'
ExpressionResulttypeof
Node.TEXT_NODE
## INITIAL ##
## INITIAL ##

Node.CDATA_SECTION_NODE - StaticProperty - Node Object

ExpressionResulttypeof
Node.CDATA_SECTION_NODE
## INITIAL ##
## INITIAL ##

Node.ENTITY_REFERENCE_NODE - StaticProperty - Node Object

ExpressionResulttypeof
Node.ENTITY_REFERENCE_NODE
## INITIAL ##
## INITIAL ##

Node.ENTITY_NODE - StaticProperty - Node Object

ExpressionResulttypeof
Node.ENTITY_NODE
## INITIAL ##
## INITIAL ##

Node.PROCESSING_INSTRUCTION_NODE - StaticProperty - Node Object

ExpressionResulttypeof
Node.PROCESSING_INSTRUCTION_NODE
## INITIAL ##
## INITIAL ##

Node.COMMENT_NODE - StaticProperty - Node Object

  • Konstante für nodeType
  • Kommentar e.g. <!-- comment -->
ExpressionResulttypeof
Node.COMMENT_NODE
## INITIAL ##
## INITIAL ##

Node.DOCUMENT_NODE - StaticProperty - Node Object

ExpressionResulttypeof
Node.DOCUMENT_NODE
## INITIAL ##
## INITIAL ##

Node.DOCUMENT_TYPE_NODE - StaticProperty - Node Object

ExpressionResulttypeof
Node.DOCUMENT_TYPE_NODE
## INITIAL ##
## INITIAL ##

Node.DOCUMENT_FRAGMENT_NODE - StaticProperty - Node Object

ExpressionResulttypeof
Node.DOCUMENT_FRAGMENT_NODE
## INITIAL ##
## INITIAL ##

Node.NOTATION_NODE - StaticProperty - Node Object

ExpressionResulttypeof
Node.NOTATION_NODE
## INITIAL ##
## INITIAL ##

Node.DOCUMENT_POSITION_DISCONNECTED - StaticProperty - Node Object

  • Konstante für compareDocumentPosition
  • Both nodes are in different documents or different trees in the same document.
ExpressionResulttypeof
Node.DOCUMENT_POSITION_DISCONNECTED
## INITIAL ##
## INITIAL ##

Node.DOCUMENT_POSITION_PRECEDING - StaticProperty - Node Object

  • Konstante für compareDocumentPosition
  • otherNode precedes the node in either a pre-order depth-first traversal of a tree containing both (e.g., as an ancestor or previous sibling or a descendant of a previous sibling or previous sibling of an ancestor) or (if they are disconnected) in an arbitrary but consistent ordering.
ExpressionResulttypeof
Node.DOCUMENT_POSITION_PRECEDING
## INITIAL ##
## INITIAL ##

Node.DOCUMENT_POSITION_FOLLOWING - StaticProperty - Node Object

  • Konstante für compareDocumentPosition
  • otherNode follows the node in either a pre-order depth-first traversal of a tree containing both (e.g., as a descendant or following sibling or a descendant of a following sibling or following sibling of an ancestor) or (if they are disconnected) in an arbitrary but consistent ordering.
ExpressionResulttypeof
Node.DOCUMENT_POSITION_FOLLOWING
## INITIAL ##
## INITIAL ##

Node.DOCUMENT_POSITION_CONTAINS - StaticProperty - Node Object

ExpressionResulttypeof
Node.DOCUMENT_POSITION_CONTAINS
## INITIAL ##
## INITIAL ##

Node.DOCUMENT_POSITION_CONTAINED_BY - StaticProperty - Node Object

ExpressionResulttypeof
Node.DOCUMENT_POSITION_CONTAINED_BY
## INITIAL ##
## INITIAL ##

Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC - StaticProperty - Node Object

  • Konstante für compareDocumentPosition
  • The result relies upon arbitrary and/or implementation-specific behavior and is not guaranteed to be portable.
ExpressionResulttypeof
Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC
## INITIAL ##
## INITIAL ##

nodeName - Property - Node Object

Test-ElementExpressionResulttypeof
TEST
var c = document;
var result = c.nodeName;
## INITIAL ##
## INITIAL ##
TEST
var c = document.getElementById('gen04079');
var result = c.nodeName;
## INITIAL ##
## INITIAL ##
TEST
var c = document.getElementById('gen04084').getAttributeNode('id');
var result = c.nodeName;
## INITIAL ##
## INITIAL ##
TEST
var c = document.getElementById('gen04089').firstChild;
var result = c.nodeName;
## INITIAL ##
## INITIAL ##

nodeValue - Property - Node Object

Test-ElementExpressionResulttypeof
TEST
var c = document;
var result = c.nodeValue;
## INITIAL ##
## INITIAL ##
TEST
var c = document.getElementById('gen04100');
var result = c.nodeValue;
## INITIAL ##
## INITIAL ##
TEST
var c = document.getElementById('gen04105').getAttributeNode('id');
var result = c.nodeValue;
## INITIAL ##
## INITIAL ##
TEST
var c = document.getElementById('gen04110').firstChild;
var result = c.nodeValue;
## INITIAL ##
## INITIAL ##

nodeType - Property - Node Object

  • gibt den Nodetype eines Nodes zurück
  • Werte NodeType:
    • 1 = Node.ELEMENT_NODE - Element e.g. <tag>
    • 2 = Node.ATTRIBUTE_NODE - Attribut e.g. name='value'
    • 3 = Node.TEXT_NODE - Textnode e.g. 'Das ist ein Text'
    • 4 = Node.CDATA_SECTION_NODE
    • 5 = Node.ENTITY_REFERENCE_NODE
    • 6 = Node.ENTITY_NODE
    • 7 = Node.PROCESSING_INSTRUCTION_NODE
    • 8 = Node.COMMENT_NODE - Kommentar e.g. <!-- comment -->
    • 9 = Node.DOCUMENT_NODE
    • 10 = Node.DOCUMENT_TYPE_NODE
    • 11 = Node.DOCUMENT_FRAGMENT_NODE
    • 12 = Node.NOTATION_NODE
  • Mozilla-Doku: API/Node/nodeType
Test-ElementExpressionResulttypeof
TEST
const NodeTypeArray = new Array(20);
NodeTypeArray[Node.ELEMENT_NODE] = 'ELEMENT';
NodeTypeArray[Node.ATTRIBUTE_NODE] = 'ATTRIBUTE';
NodeTypeArray[Node.TEXT_NODE] = 'TEXT';
NodeTypeArray[Node.CDATA_SECTION_NODE] = 'CDATA_SECTION';
NodeTypeArray[Node.ENTITY_REFERENCE_NODE] = 'ENTITY_REFERENCE';
NodeTypeArray[Node.ENTITY_NODE] = 'ENTITY';
NodeTypeArray[Node.PROCESSING_INSTRUCTION_NODE] = 'PROCESSING_INSTRUCTION';
NodeTypeArray[Node.COMMENT_NODE] = 'COMMENT';
NodeTypeArray[Node.DOCUMENT_NODE] = 'DOCUMENT';
NodeTypeArray[Node.DOCUMENT_TYPE_NODE] = 'DOCUMENT_TYPE';
NodeTypeArray[Node.DOCUMENT_FRAGMENT_NODE] = 'DOCUMENT_FRAGMENT';
NodeTypeArray[Node.NOTATION_NODE] = 'NOTATION';
var result = NodeTypeArray.filter(el => el).length;
## INITIAL ##
## INITIAL ##
TEST
var c = document;
var result = NodeTypeArray[c.nodeType];
## INITIAL ##
## INITIAL ##
TEST
var c = document.getElementById('gen04126');
var result = NodeTypeArray[c.nodeType];
## INITIAL ##
## INITIAL ##
TEST
var c = document.getElementById('gen04131').getAttributeNode('id');
var result = NodeTypeArray[c.nodeType];
## INITIAL ##
## INITIAL ##
TEST
var c = document.getElementById('gen04136').firstChild;
var result = NodeTypeArray[c.nodeType];
## INITIAL ##
## INITIAL ##

compareDocumentPosition(node) - Method - Node Object

  • vergleicht die Position von zwei Elementen im Dokument
  • node: ein anderer Node zum vergleichen
  • Bitwerte CompareDocumentPosition:
    • 1 = Node.DOCUMENT_POSITION_DISCONNECTED - Both nodes are in different documents or different trees in the same document.
    • 2 = Node.DOCUMENT_POSITION_PRECEDING - otherNode precedes the node in either a pre-order depth-first traversal of a tree containing both (e.g., as an ancestor or previous sibling or a descendant of a previous sibling or previous sibling of an ancestor) or (if they are disconnected) in an arbitrary but consistent ordering.
    • 4 = Node.DOCUMENT_POSITION_FOLLOWING - otherNode follows the node in either a pre-order depth-first traversal of a tree containing both (e.g., as a descendant or following sibling or a descendant of a following sibling or following sibling of an ancestor) or (if they are disconnected) in an arbitrary but consistent ordering.
    • 8 = Node.DOCUMENT_POSITION_CONTAINS - otherNode is an ancestor of the node.
    • 16 = Node.DOCUMENT_POSITION_CONTAINED_BY - otherNode is a descendant of the node.
    • 32 = Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC - The result relies upon arbitrary and/or implementation-specific behavior and is not guaranteed to be portable.
  • Mozilla-Doku: API/Node/compareDocumentPosition
ExpressionResulttypeof
var comp = document.head.compareDocumentPosition(document.body);
var result = comp + '<br>';
result += 'Reihenfolge OK';
} else {
result += 'head und body: falsche Reihenfolge';
}
## INITIAL ##
## INITIAL ##
document.body.compareDocumentPosition(document.head)
## INITIAL ##
## INITIAL ##
document.body.compareDocumentPosition(document.getElementById('resultId'))
## INITIAL ##
## INITIAL ##

parentNode - Property - Node Object

ExpressionResulttypeof
var el = document.getElementById('resultId');
var result = el.nodeName + '<br>';
for (let i = 0; i < 4; i++) {
el = el.parentNode;
result += el.nodeName + '<br>';
}
## INITIAL ##
## INITIAL ##

parentElement - Property - Node Object

ExpressionResulttypeof
var el = document.getElementById('resultId');
var result = el.nodeName + '<br>';
for (let i = 0; i < 4; i++) {
el = el.parentElement;
result += el.nodeName + '<br>';
}
## INITIAL ##
## INITIAL ##

previousSibling - Property - Node Object

nextSibling - Property - Node Object

childNodes - Property - Node Object

  • erstellt eine NodeList mit allen Unter-Elementen, Texten, Kommentaren des Elementes
  • whitespaces (Zeilenschaltungen, Leerschläge) zwischen tags sind auch Text
  • returns NodeList (Node)
  • Mozilla-Doku: API/Node/childNodes
Expression <!-- mit Kommentar -->Resulttypeof
var element = document.getElementById('resultId');
element = element.parentElement;
var result = element.childNodes.length;
if (result > 0) result += element.childNodes[0];
## INITIAL ##
## INITIAL ##
var element = document.getElementById('resultId');
element = element.parentElement.parentElement;
var result = element.tagName + '<br>';
for (let node of element.childNodes) {
result += node.nodeName + '<br>';
}
## INITIAL ##
## INITIAL ##
function recursive(element,level) {
var ret = '';
for (let child of element.childNodes) {
ret += '.. '.repeat(level) + child + '<br>';
ret += recursive(child,level+1);
}
return ret;
}
var table = document.getElementById('tableId');
var header = table.getElementsByTagName('tr')[0];
var result = recursive(header,0);
## INITIAL ##
## INITIAL ##

firstChild - Property - Node Object

ExpressionResulttypeof
var row = document.getElementById('tableId').getElementsByTagName('tr')[0];
var result = row.firstChild + '<br>';
result += row.firstChild.innerHTML + '<br>';
result += row.firstChild.tagName + '<br>';
result += row.firstChild.nodeType + '<br>';
## INITIAL ##
## INITIAL ##

lastChild - Property - Node Object

textContent - Property - Node Object

ExpressionResult
document.getElementById('tableId').parentElement.firstChild.textContent
 
document.getElementById('resultId').textContent = 'bold <b>text</b>';
## INITIAL ##
 
document.getElementById('resultId').textContent = 'line1<br>line2';
## INITIAL ##
ownerDocument - Property - Node Object
ExpressionResulttypeof
document.getElementById('resultId').ownerDocument
## INITIAL ##
## INITIAL ##
appendChild(node) - Method - Node Object
ExpressionResulttypeof
 
var td = document.getElementById('resultId').parentElement;
 
var node = document.createTextNode('Neuer Node');
 
td.appendChild(node);
 
var result = td.childNodes.length;
## INITIAL ##
## INITIAL ##
insertBefore(node1,node2) - Method - Node Object
  • fügt einen neuen Node node1 vor einem anderen Node node2 ein.
  • node1: neuer Node
  • node2: bestehender Node
  • Mozilla-Doku: API/Node/insertBefore
Test-ElementExpression
TEST
 
var newNode = document.createTextNode('NEW');
 
var nodeExist = document.getElementById('gen04206');
 
var parent = nodeExist.parentNode;
 
parent.insertBefore(newNode, nodeExist);
hasChildNodes() - Method - Node Object
ExpressionResulttypeof
document.hasChildNodes()
## INITIAL ##
## INITIAL ##
document.getElementById('resultId').hasChildNodes()
## INITIAL ##
## INITIAL ##
 
function rek(element) {
 
var result = element.nodeName;
 
if (element.hasChildNodes()) {
 
result += ' - has any<br>';
 
for (let sub of element.childNodes) {
 
result += rek(sub);
 
}
 
} else {
 
result += ' - none<br>';
 
}
 
return result;
 
}
 
var result = rek(document.getElementById('resultId'));
## INITIAL ##
## INITIAL ##
contains(node) - Method - Node Object
  • Returns true if a node is a descendant of a node
  • node: a node object
  • Mozilla-Doku: API/Node/contains
ExpressionResulttypeof
 
var node = document.getElementById('resultId');
 
var result = document.getElementById('tableId').contains(node);
## INITIAL ##
## INITIAL ##
isEqualNode() - Method - Node Object
isSameNode() - Method - Node Object
removeChild(node) - Method - Node Object
  • entfernt ein Node und gibt diesen bei Erfolg zurück
  • node: ein Node zum entfernen
  • Mozilla-Doku: API/Node/removeChild
Test-ElementExpressionResult
TEST
 
var td = document.getElementById('gen04230').parentElement;
 
var node = td.removeChild(td.lastChild);
 
var result = node.nodeName;
## INITIAL ##
replaceChild() - Method - Node Object
normalize() - Method - Node Object
cloneNode([boolean]) - Method - Node Object
  • kopiert ein Node
  • boolean: deep copy: Alle Subelemente (mit id) und Texte werden kopiert. default=false
  • see also: DocumentObject.importNode
  • Mozilla-Doku: API/Node/cloneNode
isDefaultNamespace() - Method - Node Object
isConnected - Property - Node Object
  • indicating whether the node is directly or indirectly connected to a Document
  • Mozilla-Doku: API/Node/isConnected
ExpressionResulttypeof
 
var elem = document.createElement('p');
 
var result = elem.isConnected + '<br>';
 
document.body.appendChild(elem);
 
result += elem.isConnected + '<br>';
 
document.body.removeChild(elem);
 
result += elem.isConnected + '<br>';
## INITIAL ##
## INITIAL ##
getRootNode([boolean]) - Method - Node Object
  • gibt den root node zurück, nodetype-abhängig
  • boolean: return shadow root, default=false
  • Mozilla-Doku: API/Node/getRootNode
ExpressionResulttypeof
document.body.getRootNode()
## INITIAL ##
## INITIAL ##
lookupNamespaceURI(prefix) - Method - Node Object
lookupPrefix(namespace) - Method - Node Object
  • gibt den namespace zu einem prefix zurück
  • namespace: namespace or null
  • Mozilla-Doku: API/Node/lookupPrefix
baseURI - Property - Node Object
ExpressionResulttypeof
document.baseURI
## INITIAL ##
## INITIAL ##
document.getElementById('resultId').baseURI
## INITIAL ##
## INITIAL ##
document.getElementById('resultId').getAttributeNode('id').baseURI
## INITIAL ##
## INITIAL ##
Document Object - JavaScript Dokumentation
  1. activeElement - Property
  2. adoptedStyleSheets - Property
  3. adoptNode(node) - Method
  4. alinkColor - Property
  5. all - Property
  6. anchors - Property
  7. append - Property
  8. applets - Property
  9. bgColor - Property
  10. body - Property
  11. caretRangeFromPoint - Property
  12. characterSet - Property
  13. charset - Property
  14. childElementCount - Property
  15. children - Property
  16. clear - Property
  17. close() - Method
  18. compatMode - Property
  19. contentType - Property
  20. cookie - Property
  21. createAttribute() - Method
  22. createAttributeNS - Property
  23. createCDATASection - Property
  24. createComment() - Method
  25. createDocumentFragment() - Method
  26. createElement(string) - Method
  27. createElementNS - Property
  28. createEvent() - Method
  29. createExpression - Property
  30. createNodeIterator - Property
  31. createNSResolver - Property
  32. createProcessingInstruction - Property
  33. createRange - Property
  34. createTextNode(string) - Method
  35. createTreeWalker - Property
  36. currentScript - Property
  37. defaultView - Property
  38. designMode - Property
  39. dir - Property
  40. doctype - Property
  41. documentElement - Property
  42. documentURI - Property
  43. domain - Property
  44. elementFromPoint - Property
  45. elementsFromPoint - Property
  46. embeds - Property
  47. evaluate(xpath,node,function,type,result) - Method
  48. execCommand - Property
  49. exitFullscreen - Property
  50. exitPictureInPicture - Property
  51. exitPointerLock - Property
  52. featurePolicy - Property
  53. fgColor - Property
  54. firstElementChild - Property
  55. fonts - Property
  56. forms - Property
  57. fragmentDirective - Property
  58. fullscreen - Property
  59. fullscreenElement - Property
  60. getAnimations - Property
  61. getElementById(string) - Method
  62. getElementsByClassName(string) - Method
  63. getElementsByName(string) - Method
  64. getElementsByTagName(string) - Method
  65. getElementsByTagNameNS - Property
  66. getSelection - Property
  67. hasFocus() - Method
  68. head - Property
  69. hidden - Property
  70. images - Property
  71. implementation - Property
  72. importNode() - Method
  73. inputEncoding - Property
  74. lastElementChild - Property
  75. lastModified - Property
  76. linkColor - Property
  77. links - Property
  78. location - Property
  79. open() - Method
  80. pictureInPictureElement - Property
  81. pictureInPictureEnabled - Property
  82. plugins - Property
  83. pointerLockElement - Property
  84. prepend - Property
  85. prerendering - Property
  86. queryCommandEnabled - Property
  87. queryCommandState - Property
  88. queryCommandSupported - Property
  89. querySelector(string) - Method
  90. querySelectorAll(string) - Method
  91. readyState - Property
  92. referrer - Property
  93. replaceChildren - Property
  94. rootElement - Property
  95. scripts - Property
  96. scrollingElement - Property
  97. styleSheets - Property
  98. timeline - Property
  99. title - Property
  100. URL - Property
  101. visibilityState - Property
  102. vlinkColor - Property
  103. write() - Method
  104. writeln() - Method
  105. xmlEncoding - Property
  106. xmlVersion - Property
Document Object supports the following events:
  • afterscriptexecute (onafterscriptexecute) - Event
  • beforescriptexecute (onbeforescriptexecute) - Event
  • copy (oncopy) - ClipboardEvent - The content of an element is copied
  • cut (oncut) - ClipboardEvent - The content of an element is cutted
  • DOMContentLoaded (onDOMContentLoaded) - Event
  • fullscreenchange (onfullscreenchange) - Event - An element is displayed in fullscreen mode
  • fullscreenerror (onfullscreenerror) - Event - An element can not be displayed in fullscreen mode
  • paste (onpaste) - ClipboardEvent - Some content is pasted in an element
  • pointerlockchange (onpointerlockchange) - Event
  • pointerlockerror (onpointerlockerror) - Event
  • prerenderingchange (onprerenderingchange) - Event
  • readystatechange (onreadystatechange) - Event
  • scroll (onscroll) - Event - An element's scrollbar is being scrolled
  • scrollend (onscrollend) - Event
  • securitypolicyviolation (onsecuritypolicyviolation) - SecurityPolicyViolationEvent
  • selectionchange (onselectionchange) - Event
  • visibilitychange (onvisibilitychange) - Event
Document Object inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

Document Object inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

Document Object inherited events:
selectstart

see also: WindowObject.document
Mozilla: API/Document
anchors - Property - Document Object
ExpressionResulttypeof
document.anchors
## INITIAL ##
## INITIAL ##
document.anchors.length
## INITIAL ##
## INITIAL ##
body - Property - Document Object
ExpressionResulttypeof
document.body
## INITIAL ##
## INITIAL ##
document.getElementsByTagName('BODY')[0]
## INITIAL ##
## INITIAL ##
documentElement - Property - Document Object
ExpressionResulttypeof
document.documentElement
## INITIAL ##
## INITIAL ##
embeds - Property - Document Object
ExpressionResulttypeof
document.embeds
## INITIAL ##
## INITIAL ##
forms - Property - Document Object
ExpressionResulttypeof
document.forms
## INITIAL ##
## INITIAL ##
document.forms.length
## INITIAL ##
## INITIAL ##
head - Property - Document Object
ExpressionResulttypeof
document.head
## INITIAL ##
## INITIAL ##
document.getElementsByTagName('HEAD')[0]
## INITIAL ##
## INITIAL ##
images - Property - Document Object
ExpressionResulttypeof
document.images
## INITIAL ##
## INITIAL ##
  
var res = document.images.length;
 
document.getElementById('resultId').innerHTML = res;
 
});
## INITIAL ##
## INITIAL ##
links - Property - Document Object
ExpressionResulttypeof
document.links
## INITIAL ##
## INITIAL ##
  
var res = document.links.length;
 
document.getElementById('resultId').innerHTML = res;
 
});
## INITIAL ##
## INITIAL ##
scripts - Property - Document Object
ExpressionResulttypeof
document.scripts
## INITIAL ##
## INITIAL ##
  
var res = document.scripts.length;
 
document.getElementById('resultId').innerHTML = res;
 
});
## INITIAL ##
## INITIAL ##
title - Property - Document Object
ExpressionButtonResult
 
document.title = 'new title';
 
document.getElementById('resultId').innerHTML = document.title;
getElementById(string) - Method - Document Object
ExpressionResulttypeof
document.getElementById('resultId')
## INITIAL ##
## INITIAL ##
document.getElementById('resultId').tagName
## INITIAL ##
## INITIAL ##
getElementsByName(string) - Method - Document Object
ExpressionResulttypeof
document.getElementsByName('testelement')
## INITIAL ##
## INITIAL ##
document.getElementsByName('testelement').length
## INITIAL ##
## INITIAL ##
 
var result = '';
 
document.getElementsByName('testelement')
 
.forEach(el => result += el.tagName)
## INITIAL ##
## INITIAL ##
 
var result = '';
 
for (var el of document.getElementsByName('testelement')) {
 
result += el.tagName;
 
}
## INITIAL ##
## INITIAL ##
getElementsByClassName(string) - Method - Document Object
ExpressionResulttypeof
document.getElementsByClassName('avoid_page_break')
## INITIAL ##
## INITIAL ##
document.getElementsByClassName('avoid_page_break').length
## INITIAL ##
## INITIAL ##
 
var result = 0;
 
for (var el of document.getElementsByClassName('avoid_page_break')) {
 
result++;
 
}
## INITIAL ##
## INITIAL ##
  
var res = document.getElementsByClassName('avoid_page_break').length;
 
document.getElementById('resultId').innerHTML = res;
 
});
## INITIAL ##
## INITIAL ##
getElementsByTagName(string) - Method - Document Object
ExpressionResulttypeof
document.getElementsByTagName('a')
## INITIAL ##
## INITIAL ##
document.getElementsByTagName('a').length
## INITIAL ##
## INITIAL ##
  
var res = document.getElementsByTagName('a').length;
 
document.getElementById('resultId').innerHTML = res;
 
});
## INITIAL ##
## INITIAL ##
activeElement - Property - Document Object
ExpressionResulttypeof
document.activeElement
## INITIAL ##
## INITIAL ##
adoptNode(node) - Method - Document Object
  • Adopts a node from another document
  • node: ein Node zum kopieren aus einem anderen Element
  • Mozilla-Doku: API/Document/adoptNode
characterSet - Property - Document Object
ExpressionResulttypeof
document.characterSet
## INITIAL ##
## INITIAL ##
document.charset
## INITIAL ##
## INITIAL ##
cookie - Property - Document Object
ExpressionResulttypeof
document.cookie
## INITIAL ##
## INITIAL ##
createAttribute() - Method - Document Object
createComment() - Method - Document Object
createDocumentFragment() - Method - Document Object
createElement(string) - Method - Document Object
ExpressionResulttypeof
 
var el = document.createElement('div');
 
el.append(document.createTextNode('Hallo'));
 
document.getElementById('resultId').parentNode.append(el);
 
var result = 'Result:';
## INITIAL ##
## INITIAL ##
createEvent() - Method - Document Object
createTextNode(string) - Method - Document Object
ExpressionResulttypeof
 
var el = document.createElement('div');
 
el.append(document.createTextNode('Hallo'));
 
document.getElementById('resultId').parentNode.append(el);
 
var result = 'Result:';
## INITIAL ##
## INITIAL ##
defaultView - Property - Document Object
  • Returns the window object associated with a document, or null if none is available.
  • Mozilla-Doku: API/Document/defaultView
ExpressionResulttypeof
document.defaultView
## INITIAL ##
## INITIAL ##
designMode - Property - Document Object
ExpressionResulttypeof
document.designMode
## INITIAL ##
## INITIAL ##
doctype - Property - Document Object
ExpressionResulttypeof
document.doctype
## INITIAL ##
## INITIAL ##
documentURI - Property - Document Object
ExpressionResulttypeof
document.documentURI
## INITIAL ##
## INITIAL ##
domain - Property - Document Object
  • Returns the domain name of the server that loaded the document
  • Mozilla-Doku: API/Document/domain
ExpressionResulttypeof
document.domain
## INITIAL ##
## INITIAL ##
hasFocus() - Method - Document Object
implementation - Property - Document Object
ExpressionResulttypeof
document.implementation
## INITIAL ##
## INITIAL ##
importNode() - Method - Document Object
lastModified - Property - Document Object
ExpressionResulttypeof
document.lastModified
## INITIAL ##
## INITIAL ##
querySelector(string) - Method - Document Object
Test-ElementExpressionResulttypeof
TESTLABEL
document.querySelector('#'+'gen04458').nodeName
## INITIAL ##
## INITIAL ##
TESTLABEL
document.querySelector('#'+'gen04463').parentElement.tagName
## INITIAL ##
## INITIAL ##
querySelectorAll(string) - Method - Document Object
Test-ElementExpressionResulttypeof
TESTLABEL
document.querySelectorAll('#'+'gen04469').length
## INITIAL ##
## INITIAL ##
readyState - Property - Document Object
ExpressionResulttypeof
document.readyState
## INITIAL ##
## INITIAL ##
  
var res = document.readyState;
 
document.getElementById('resultId').innerHTML = res;
 
});
## INITIAL ##
## INITIAL ##
referrer - Property - Document Object
ExpressionResulttypeof
document.referrer
## INITIAL ##
## INITIAL ##
URL - Property - Document Object
ExpressionResulttypeof
document.URL
## INITIAL ##
## INITIAL ##
open() - Method - Document Object
ExpressionButton
document.open();
document.write('<p>I killed your document, press F5 to reload!</p>');
document.close();
close() - Method - Document Object
ExpressionButton
document.open();
document.write('<p>I killed your document, press F5 to reload!</p>');
document.close();
write() - Method - Document Object
ExpressionButton
document.open();
document.write('<p>I killed your document, press F5 to reload!</p>');
document.close();
writeln() - Method - Document Object
ExpressionButton
document.open();
document.writeln('<p>I killed your document, press F5 to reload!</p>');
document.close();
evaluate(xpath,node,function,type,result) - Method - Document Object
  • The evaluate() method of the Document interface selects elements based on the XPath expression given in parameters.
  • xpath: A string representing the xpath to be evaluated.
  • node: The context node for the query. It's common to pass document as the context node.
  • function: A function that will be passed any namespace prefixes and should return a string representing the namespace URI associated with that prefix. It will be used to resolve prefixes within the xpath itself, so that they can be matched with the document. The value null is common for HTML documents or when no namespace prefixes are used.
  • type: An integer that corresponds to the type of result XPathResult to return. The following values are possible:
    • XPathResult.ANY_TYPE - Whatever type naturally results from the given expression.
    • XPathResult.NUMBER_TYPE - A resultset containing a single number.
    • XPathResult.STRING_TYPE - A resultset containing a single string.
    • XPathResult.BOOLEAN_TYPE - A resultset containing a single boolean value.
    • XPathResult.UNORDERED_NODE_ITERATOR_TYPE - A resultset containing all the nodes matching the expression. not same order.
    • XPathResult.ORDERED_NODE_ITERATOR_TYPE - A resultset containing all the nodes matching the expression. same order.
    • XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE - A resultset containing snapshots of all the nodes matching the expression. not same order.
    • XPathResult.ORDERED_NODE_SNAPSHOT_TYPE - A resultset containing snapshots of all the nodes matching the expression. same order.
    • XPathResult.ANY_UNORDERED_NODE_TYPE - A resultset containing any single node that matches the expression.
    • XPathResult.FIRST_ORDERED_NODE_TYPE - A resultset containing the first node in the document that matches the expression.
  • result: An existing XPathResult to use for the results. null = new XPathResult
  • Mozilla-Doku: API/Document/evaluate
ExpressionResulttypeof
 
var result = '/html/body//h2';
 
var elements = document.evaluate(result,document,null,XPathResult.ANY_TYPE,null);
 
for (let next = elements.iterateNext(); next; next = elements.iterateNext()) {
 
result += '<br>' + next.textContent;
 
}
## INITIAL ##
## INITIAL ##
childElementCount - Property - Document Object
ExpressionResulttypeof
document.getElementById('tableId').getElementsByTagName('tr')[0].childElementCount
## INITIAL ##
## INITIAL ##
children - Property - Document Object
Expression <!-- mit Kommentar -->Resulttypeof
 
var element = document.getElementById('resultId');
 
element = element.parentElement;
 
var result = element.children.length;
 
if (result > 0) result += element.children[0];
## INITIAL ##
## INITIAL ##
 
var element = document.getElementById('resultId');
 
element = element.parentElement.parentElement;
 
var result = element.tagName + '<br>';
 
for (let node of element.children) {
 
result += node.nodeName + '<br>';
 
}
## INITIAL ##
## INITIAL ##
 
function recursive(element,level) {
 
var ret = '';
 
for (let child of element.children) {
 
ret += '.. '.repeat(level) + child + '<br>';
 
ret += recursive(child,level+1);
 
}
 
return ret;
 
}
 
var table = document.getElementById('tableId');
 
var header = table.getElementsByTagName('tr')[0];
 
var result = recursive(header,0);
## INITIAL ##
## INITIAL ##
dir - Property - Document Object
  • Sets or returns the value of the dir attribute of an element
  • ltr = text is left-to-right
  • rtl = text is right-to-left
  • auto = up to browser
  • see also: HtmlElement.dir
  • Mozilla-Doku: API/Document/dir
ExpressionResulttypeof
 
var el = document.getElementById('resultId');
 
var sty = el.parentElement.style;
 
sty.width = '10em';
 
var result = 'width = ' + sty.width;
## INITIAL ##
## INITIAL ##
document.getElementById('resultId').dir = 'ltr';
var result = 'hello you!';
## INITIAL ##
## INITIAL ##
document.getElementById('resultId').dir = 'rtl';
var result = 'hello you!';
## INITIAL ##
## INITIAL ##
firstElementChild - Property - Document Object
ExpressionResulttypeof
 
var row = document.getElementById('tableId').getElementsByTagName('tr')[0];
 
var result = row.firstElementChild + '<br>';
 
result += row.firstElementChild.innerHTML + '<br>';
 
result += row.firstElementChild.tagName + '<br>';
 
result += row.firstElementChild.nodeType + '<br>';
## INITIAL ##
## INITIAL ##
lastElementChild - Property - Document Object
location - Property - Document Object
compatMode - Property - Document Object
charset - Property - Document Object
inputEncoding - Property - Document Object
contentType - Property - Document Object
xmlEncoding - Property - Document Object
xmlVersion - Property - Document Object
plugins - Property - Document Object
currentScript - Property - Document Object
applets - Property - Document Object
fgColor - Property - Document Object
linkColor - Property - Document Object
vlinkColor - Property - Document Object
alinkColor - Property - Document Object
bgColor - Property - Document Object
all - Property - Document Object
scrollingElement - Property - Document Object
hidden - Property - Document Object
visibilityState - Property - Document Object
featurePolicy - Property - Document Object
fullscreen - Property - Document Object
rootElement - Property - Document Object
styleSheets - Property - Document Object
pointerLockElement - Property - Document Object
fullscreenElement - Property - Document Object
adoptedStyleSheets - Property - Document Object
fonts - Property - Document Object
append - Property - Document Object
caretRangeFromPoint - Property - Document Object
clear - Property - Document Object
createAttributeNS - Property - Document Object
createCDATASection - Property - Document Object
createElementNS - Property - Document Object
createExpression - Property - Document Object
createNSResolver - Property - Document Object
createNodeIterator - Property - Document Object
createProcessingInstruction - Property - Document Object
createRange - Property - Document Object
createTreeWalker - Property - Document Object
elementFromPoint - Property - Document Object
elementsFromPoint - Property - Document Object
execCommand - Property - Document Object
exitFullscreen - Property - Document Object
exitPointerLock - Property - Document Object
getElementsByTagNameNS - Property - Document Object
getSelection - Property - Document Object
prepend - Property - Document Object
queryCommandEnabled - Property - Document Object
queryCommandState - Property - Document Object
queryCommandSupported - Property - Document Object
replaceChildren - Property - Document Object
prerendering - Property - Document Object
fragmentDirective - Property - Document Object
timeline - Property - Document Object
pictureInPictureEnabled - Property - Document Object
pictureInPictureElement - Property - Document Object
exitPictureInPicture - Property - Document Object
getAnimations - Property - Document Object
DocumentType - JavaScript Dokumentation
  1. after(node...) - Method
  2. before(node...) - Method
  3. name - Property
  4. publicId - Property
  5. remove() - Method
  6. replaceWith(node...) - Method
  7. systemId - Property
DocumentType inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

DocumentType inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

DocumentType inherited events:
selectstart

see also: DocumentObject.doctype
Mozilla: API/DocumentType
name - Property - DocumentType
  • The type of the document. It is always 'html' for HTML documents, but will vary for XML documents.
  • Mozilla-Doku: API/DocumentType/name
ExpressionResulttypeof
document.doctype.name
## INITIAL ##
## INITIAL ##
publicId - Property - DocumentType
  • The read-only publicId property of the DocumentType returns a formal identifier of the document.
  • Mozilla-Doku: API/DocumentType/publicId
ExpressionResulttypeof
document.doctype.publicId
## INITIAL ##
## INITIAL ##
systemId - Property - DocumentType
  • The read-only systemId property of the DocumentType returns the URL of the associated DTD.
  • Mozilla-Doku: API/DocumentType/systemId
ExpressionResulttypeof
document.doctype.systemId
## INITIAL ##
## INITIAL ##
remove() - Method - DocumentType
before(node...) - Method - DocumentType
  • inserts a set of Node objects or strings in the children list of the DocumentType's parent, just before the DocumentType. Strings are inserted as equivalent Text nodes.
  • node...: a set of nodes
  • Mozilla-Doku: API/DocumentType/before
after(node...) - Method - DocumentType
  • inserts a set of Node objects or strings in the children list of the DocumentType's parent, just after the DocumentType. Strings are inserted as equivalent Text nodes.
  • node...: a set of nodes
  • Mozilla-Doku: API/DocumentType/after
replaceWith(node...) - Method - DocumentType
Attribute - JavaScript Dokumentation
Attribute werden ausschliesslich von Elementen in NamedNodeMap verwendet
  1. localName - Property
  2. name - Property
  3. namespaceURI - Property
  4. ownerElement - Property
  5. prefix - Property
  6. value - Property
  7. specified - Property - deprecated
Attribute inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

Attribute inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

Attribute inherited events:
selectstart

see also: ElementObject.getAttributeNode, NamedNodeMap.getNamedItem
Mozilla: API/Attr
ownerElement - Property - Attribute
Test-ElementExpressionResulttypeof
TEST
 
var el = document.getElementById('gen04574');
 
var attr = el.getAttributeNode('id');
 
var result = attr.ownerElement.id;
## INITIAL ##
## INITIAL ##
name - Property - Attribute
ExpressionResulttypeof
document.createAttributeNS('http://www.w3.org/2000/svg','svg:stroke').name
## INITIAL ##
## INITIAL ##
prefix - Property - Attribute
ExpressionResulttypeof
document.createAttributeNS('http://www.w3.org/2000/svg','svg:stroke').prefix
## INITIAL ##
## INITIAL ##
localName - Property - Attribute
  • readonly: gibt den lokalen Namen des Attributes zurück, ohne namespace e.g. 'xml:', 'xlink:', svg-tags
  • see also: name
  • Mozilla-Doku: API/Attr/localName
ExpressionResulttypeof
document.createAttributeNS('http://www.w3.org/2000/svg','svg:stroke').localName
## INITIAL ##
## INITIAL ##
namespaceURI - Property - Attribute
ExpressionResulttypeof
document.createAttributeNS('http://www.w3.org/2000/svg','stroke').namespaceURI
## INITIAL ##
## INITIAL ##
value - Property - Attribute
ExpressionResulttypeof
 
var attr = document.createAttribute('attrname');
 
attr.value = 'attrvalue';
 
var result = attr.value;
## INITIAL ##
## INITIAL ##
specified - Property - Attribute
  • deprecated
  • deprecated: Returns true if the attribute is specified or throws an exception otherwise !
  • Mozilla-Doku: API/Attr
ExpressionResulttypeof
 
var attr = document.createAttribute('attrname');
 
attr.specified = 'attrvalue';
 
var result = attr.specified;
## INITIAL ##
## INITIAL ##
 
try {
 
var element = document.getElementById('resultId');
 
var attr = element.attributes['notexisting'];
 
var result = attr.specified;
 
} catch (e) {
 
var result = e.name + '<br>not specified';
 
}
## INITIAL ##
## INITIAL ##
Element Object - JavaScript Dokumentation
  1. after() - Method
  2. animate() - Method
  3. append(element) - Method
  4. ariaAtomic - Property
  5. ariaAutoComplete - Property
  6. ariaBusy - Property
  7. ariaChecked - Property
  8. ariaColCount - Property
  9. ariaColIndex - Property
  10. ariaColSpan - Property
  11. ariaCurrent - Property
  12. ariaDescription - Property
  13. ariaDisabled - Property
  14. ariaExpanded - Property
  15. ariaHasPopup - Property
  16. ariaHidden - Property
  17. ariaKeyShortcuts - Property
  18. ariaLabel - Property
  19. ariaLevel - Property
  20. ariaLive - Property
  21. ariaModal - Property
  22. ariaMultiLine - Property
  23. ariaMultiSelectable - Property
  24. ariaOrientation - Property
  25. ariaPlaceholder - Property
  26. ariaPosInSet - Property
  27. ariaPressed - Property
  28. ariaReadOnly - Property
  29. ariaRelevant - Property
  30. ariaRequired - Property
  31. ariaRoleDescription - Property
  32. ariaRowCount - Property
  33. ariaRowIndex - Property
  34. ariaRowSpan - Property
  35. ariaSelected - Property
  36. ariaSetSize - Property
  37. ariaSort - Property
  38. ariaValueMax - Property
  39. ariaValueMin - Property
  40. ariaValueNow - Property
  41. ariaValueText - Property
  42. assignedSlot - Property
  43. attachShadow() - Method
  44. attributes - Property
  45. before(params...) - Method
  46. checkVisibility() - Method
  47. childElementCount - Property
  48. children - Property
  49. classList - Property
  50. className - Property
  51. clientHeight - Property
  52. clientLeft - Property
  53. clientTop - Property
  54. clientWidth - Property
  55. closest() - Method
  56. computedStyleMap() - Method
  57. elementTiming - Property
  58. firstElementChild - Property
  59. getAnimations() - Method
  60. getAttribute(string) - Method
  61. getAttributeNames() - Method
  62. getAttributeNode(string) - Method
  63. getAttributeNodeNS() - Method
  64. getAttributeNS() - Method
  65. getBoundingClientRect() - Method
  66. getClientRects() - Method
  67. getElementsByClassName(string) - Method
  68. getElementsByTagName(string) - Method
  69. getElementsByTagNameNS() - Method
  70. hasAttribute() - Method
  71. hasAttributeNS() - Method
  72. hasAttributes() - Method
  73. hasPointerCapture() - Method
  74. id - Property
  75. innerHTML - Property
  76. insertAdjacentElement() - Method
  77. insertAdjacentHTML() - Method
  78. insertAdjacentText() - Method
  79. lastElementChild - Property
  80. localName - Property
  81. matches(string) - Method
  82. nextElementSibling - Property
  83. outerHTML - Property
  84. part - Property
  85. prefix - Property
  86. prepend() - Method
  87. previousElementSibling - Property
  88. querySelector(string) - Method
  89. querySelectorAll(string) - Method
  90. releasePointerCapture - Property
  91. remove() - Method
  92. removeAttribute(string) - Method
  93. removeAttributeNode(node) - Method
  94. removeAttributeNS - Property
  95. replaceChildren - Property
  96. replaceWith() - Method
  97. requestFullscreen() - Method
  98. requestPointerLock() - Method
  99. scroll() - Method
  100. scrollBy() - Method
  101. scrollHeight - Property
  102. scrollIntoView() - Method
  103. scrollIntoViewIfNeeded() - Method
  104. scrollLeft - Property
  105. scrollTo() - Method
  106. scrollTop - Property
  107. scrollWidth - Property
  108. setAttribute(name,value) - Method
  109. setAttributeNode(node) - Method
  110. setAttributeNodeNS() - Method
  111. setAttributeNS() - Method
  112. setHTML - Property
  113. setPointerCapture() - Method
  114. shadowRoot - Property
  115. slot - Property
  116. tagName - Property
  117. toggleAttribute() - Method
Element Object supports the following events:
  • afterscriptexecute (onafterscriptexecute) - Event
  • animationcancel (onanimationcancel) - AnimationEvent - The animationcancel event is fired when a CSS Animation unexpectedly aborts. In other words, any time it stops running without sending an animationend event. This might happen when the animation-name is changed such that the animation is removed, or when the animating node is hidden using CSS. Therefore, either directly or because any of its containing nodes are hidden.
  • animationend (onanimationend) - AnimationEvent - A CSS animation has completed
  • animationiteration (onanimationiteration) - AnimationEvent - A CSS animation is repeated
  • animationstart (onanimationstart) - AnimationEvent - A CSS animation has started
  • auxclick (onauxclick) - PointerEvent - auxclick is fired after the mousedown and mouseup events have been fired, in that order.
  • beforeinput (onbeforeinput) - InputEvent - fires when the value of an <input> or <textarea> element is about to be modified, but not the <select> element
  • beforematch (onbeforematch) - Event
  • beforescriptexecute (onbeforescriptexecute) - Event
  • beforexrselect (onbeforexrselect) - XRSessionEvent
  • blur (onblur) - FocusEvent - An element loses focus
  • click (onclick) - PointerEvent - ein Element wurde angeclickt
  • compositionend (oncompositionend) - CompositionEvent
  • compositionstart (oncompositionstart) - CompositionEvent
  • compositionupdate (oncompositionupdate) - CompositionEvent
  • contentvisibilityautostatechange (oncontentvisibilityautostatechange) - ContentVisibilityAutoStateChangeEvent - experimental
  • contextmenu (oncontextmenu) - PointerEvent - An element is right-clicked to open a context menu
  • copy (oncopy) - ClipboardEvent - The content of an element is copied
  • cut (oncut) - ClipboardEvent - The content of an element is cutted
  • dblclick (ondblclick) - MouseEvent - An element is double-clicked
  • DOMActivate (onDOMActivate) - MouseEvent
  • DOMMouseScroll (onDOMMouseScroll) - WheelEvent
  • focus (onfocus) - FocusEvent - An element gets focus
  • focusin (onfocusin) - FocusEvent - An element is about to get focus
  • focusout (onfocusout) - FocusEvent - An element is about to lose focus
  • fullscreenchange (onfullscreenchange) - Event - An element is displayed in fullscreen mode
  • fullscreenerror (onfullscreenerror) - Event - An element can not be displayed in fullscreen mode
  • gesturechange (ongesturechange) - GestureEvent
  • gestureend (ongestureend) - GestureEvent
  • gesturestart (ongesturestart) - GestureEvent
  • gotpointercapture (ongotpointercapture) - PointerEvent
  • input (oninput) - InputEvent - An element gets user input
  • keydown (onkeydown) - KeyboardEvent - A key is down
  • keypress (onkeypress) - KeyboardEvent - A key is pressed
  • keyup (onkeyup) - KeyboardEvent - A key is released
  • lostpointercapture (onlostpointercapture) - PointerEvent
  • mousedown (onmousedown) - MouseEvent - The mouse button is pressed over an element
  • mouseenter (onmouseenter) - MouseEvent - The pointer is moved onto an element
  • mouseleave (onmouseleave) - MouseEvent - The pointer is moved out of an element
  • mousemove (onmousemove) - MouseEvent - The pointer is moved over an element
  • mouseout (onmouseout) - MouseEvent - The pointer is moved out of an element
  • mouseover (onmouseover) - MouseEvent - The pointer is moved onto an element
  • mouseup (onmouseup) - MouseEvent - A user releases a mouse button over an element
  • mousewheel (onmousewheel) - WheelEvent - Deprecated. Use the wheel event instead
  • MozMousePixelScroll (onMozMousePixelScroll) - WheelEvent
  • paste (onpaste) - ClipboardEvent - Some content is pasted in an element
  • pointercancel (onpointercancel) - PointerEvent
  • pointerdown (onpointerdown) - PointerEvent
  • pointerenter (onpointerenter) - PointerEvent
  • pointerleave (onpointerleave) - PointerEvent
  • pointermove (onpointermove) - PointerEvent
  • pointerout (onpointerout) - PointerEvent
  • pointerover (onpointerover) - PointerEvent
  • pointerrawupdate (onpointerrawupdate) - PointerEvent
  • pointerup (onpointerup) - PointerEvent
  • scroll (onscroll) - Event - An element's scrollbar is being scrolled
  • scrollend (onscrollend) - Event
  • securitypolicyviolation (onsecuritypolicyviolation) - SecurityPolicyViolationEvent
  • touchcancel (ontouchcancel) - TouchEvent - The touch is interrupted
  • touchend (ontouchend) - TouchEvent - A finger is removed from a touch screen
  • touchmove (ontouchmove) - TouchEvent - A finger is dragged across the screen
  • touchstart (ontouchstart) - TouchEvent - A finger is placed on a touch screen
  • transitioncancel (ontransitioncancel) - TransitionEvent
  • transitionend (ontransitionend) - TransitionEvent - A CSS transition has completed
  • transitionrun (ontransitionrun) - TransitionEvent
  • transitionstart (ontransitionstart) - TransitionEvent
  • webkitmouseforcechanged (onwebkitmouseforcechanged) - MouseEvent
  • webkitmouseforcedown (onwebkitmouseforcedown) - MouseEvent
  • webkitmouseforceup (onwebkitmouseforceup) - MouseEvent
  • webkitmouseforcewillbegin (onwebkitmouseforcewillbegin) - MouseEvent
  • wheel (onwheel) - WheelEvent - The mouse wheel rolls up or down over an element
Element Object inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

Element Object inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

Element Object inherited events:
selectstart

see also: DocumentObject.getElementById, DocumentObject.head
Mozilla: API/Element
attributes - Property - Element Object
Test-ElementExpressionResulttypeof
TEST
 
var el = document.getElementById('gen04614');
 
var result = el.attributes['val'];
## INITIAL ##
## INITIAL ##
TEST
 
var el = document.getElementById('gen04619');
 
var result = el.attributes['val'] ? true : false;
## INITIAL ##
## INITIAL ##
TEST
 
var el = document.getElementById('gen04624');
 
var result = el.attributes['val'].name;
## INITIAL ##
## INITIAL ##
TEST
 
var el = document.getElementById('gen04629');
 
var result = el.attributes['val'].value;
## INITIAL ##
## INITIAL ##
children - Property - Element Object
Expression <!-- mit Kommentar -->Resulttypeof
 
var element = document.getElementById('resultId');
 
element = element.parentElement;
 
var result = element.children.length;
 
if (result > 0) result += element.children[0];
## INITIAL ##
## INITIAL ##
 
var element = document.getElementById('resultId');
 
element = element.parentElement.parentElement;
 
var result = element.tagName + '<br>';
 
for (let node of element.children) {
 
result += node.nodeName + '<br>';
 
}
## INITIAL ##
## INITIAL ##
 
function recursive(element,level) {
 
var ret = '';
 
for (let child of element.children) {
 
ret += '.. '.repeat(level) + child + '<br>';
 
ret += recursive(child,level+1);
 
}
 
return ret;
 
}
 
var table = document.getElementById('tableId');
 
var header = table.getElementsByTagName('tr')[0];
 
var result = recursive(header,0);
## INITIAL ##
## INITIAL ##
childElementCount - Property - Element Object
ExpressionResulttypeof
document.getElementById('tableId').getElementsByTagName('tr')[0].childElementCount
## INITIAL ##
## INITIAL ##
classList - Property - Element Object
Test-ElementExpressionResulttypeof
class='a b c'
document.getElementById('gen04653').classList
## INITIAL ##
## INITIAL ##
className - Property - Element Object
Test-ElementExpressionResulttypeof
class='a b c'
document.getElementById('gen04659').className
## INITIAL ##
## INITIAL ##
clientHeight - Property - Element Object
clientLeft - Property - Element Object
clientTop - Property - Element Object
clientWidth - Property - Element Object
closest() - Method - Element Object
  • Searches the DOM tree for the closest element that matches a CSS selector
  • Mozilla-Doku: API/Element/closest
firstElementChild - Property - Element Object
ExpressionResulttypeof
 
var row = document.getElementById('tableId').getElementsByTagName('tr')[0];
 
var result = row.firstElementChild + '<br>';
 
result += row.firstElementChild.innerHTML + '<br>';
 
result += row.firstElementChild.tagName + '<br>';
 
result += row.firstElementChild.nodeType + '<br>';
## INITIAL ##
## INITIAL ##
getAttribute(string) - Method - Element Object
Test-ElementExpressionResulttypeof
TEST
document.getElementById('gen04670').getAttribute('id')
## INITIAL ##
## INITIAL ##
getAttributeNode(string) - Method - Element Object
Test-ElementExpressionResulttypeof
TEST
document.getElementById('gen04676').getAttributeNode('id')
## INITIAL ##
## INITIAL ##
TEST
 
var el = document.getElementById('gen04681');
 
var attr = el.getAttributeNode('id');
 
var result = attr.name + ': ' + attr.value;
## INITIAL ##
## INITIAL ##
getBoundingClientRect() - Method - Element Object
ExpressionResulttypeof
document.getElementById('resultId').getBoundingClientRect()
## INITIAL ##
## INITIAL ##
 
var result = '';
 
var obj = document.getElementById('resultId').getBoundingClientRect();
 
for (let prp in obj) {result += prp + ': ' + typeof obj[prp];
 
result += ' = ' + obj[prp] + '<br>';
}
## INITIAL ##
## INITIAL ##
 
var rect = document.getElementById('resultId').getBoundingClientRect();
 
var result = JSON.stringify(rect,null,2);
## INITIAL ##
## INITIAL ##
getElementsByClassName(string) - Method - Element Object
Test-ElementExpressionResulttypeof
TEST
 
var element = document.getElementById('resultId');
  
var result = table.getElementsByClassName('testclass').length;
## INITIAL ##
## INITIAL ##
getElementsByTagName(string) - Method - Element Object
ExpressionResulttypeof
 
var table = document.getElementById('tableId');
 
var result = table.getElementsByTagName('th').length + '<br>';
 
result += table.getElementsByTagName('td').length;
## INITIAL ##
## INITIAL ##
hasAttribute() - Method - Element Object
hasAttributes() - Method - Element Object
id - Property - Element Object
  • Sets or returns the value of the id attribute of an element
  • Mozilla-Doku: API/Element/id
ExpressionResulttypeof
document.getElementById('tableId').id
## INITIAL ##
## INITIAL ##
 
document.getElementById('tableId').id = 'newTableId';
 
var result = document.getElementById('newTableId').tagName;
## INITIAL ##
## INITIAL ##
innerHTML - Property - Element Object
ExpressionResult
 
document.getElementById('tableId').parentElement.firstChild.innerHTML
 
document.getElementById('resultId').innerHTML = 'bold <b>text</b>';
## INITIAL ##
 
document.getElementById('resultId').innerHTML = 'line1<br>line2';
## INITIAL ##
insertAdjacentElement() - Method - Element Object
insertAdjacentHTML() - Method - Element Object
insertAdjacentText() - Method - Element Object
lastElementChild - Property - Element Object
matches(string) - Method - Element Object
  • Returns true if an element is matched by a given CSS selector
  • string: query-selectors
  • Mozilla-Doku: API/Element/matches
Test-ElementExpressionResulttypeof
document.getElementById('gen04733').matches('#'+'gen04733')
## INITIAL ##
## INITIAL ##
document.getElementById('gen04738').matches('.testclass')
## INITIAL ##
## INITIAL ##
previousElementSibling - Property - Element Object
ExpressionResulttypeof
document.getElementById('resultId').parentNode.previousElementSibling
## INITIAL ##
## INITIAL ##
nextElementSibling - Property - Element Object
ExpressionResulttypeof
document.getElementById('resultId').parentNode.nextElementSibling
## INITIAL ##
## INITIAL ##
outerHTML - Property - Element Object
  • Sets or returns the content of an element (including the start tag and the end tag)
  • Mozilla-Doku: API/Element/outerHTML
querySelector(string) - Method - Element Object
querySelectorAll(string) - Method - Element Object
remove() - Method - Element Object
Test-ElementExpressionResult
TEST
 
var td = document.getElementById('gen04754').parentElement;
 
var result = td.nodeName + ', ' + td.childElementCount;
 
td.firstElementChild.remove();
 
result += '<br>' + td.nodeName + ', ' + td.childElementCount;
## INITIAL ##
removeAttribute(string) - Method - Element Object
Test-ElementExpressionResult
TEST
 
var el = document.getElementById('gen04760');
 
var result = 'c1: ' + el.style.color;
 
el.removeAttribute('style');
 
result += '<br>c2: ' + el.style.color;
## INITIAL ##
removeAttributeNode(node) - Method - Element Object
Test-ElementExpressionResult
TEST
 
var el = document.getElementById('gen04766');
 
var attr = el.getAttributeNode('id');
 
attr = el.removeAttributeNode(attr);
 
var result = attr.name + '=' + attr.value;
## INITIAL ##
scrollHeight - Property - Element Object
scrollLeft - Property - Element Object
  • Sets or returns the number of pixels an element's content is scrolled horizontally
  • Mozilla-Doku: API/Element/scrollLeft
scrollTop - Property - Element Object
  • Sets or returns the number of pixels an element's content is scrolled vertically
  • Mozilla-Doku: API/Element/scrollTop
scrollWidth - Property - Element Object
setAttribute(name,value) - Method - Element Object
Test-ElementExpression
TEST
var el = document.getElementById('gen04772');
el.setAttribute('style','border-style:dashed;');
TEST
var el = document.getElementById('gen04777').parentElement;
el.setAttribute('bgcolor','yellow');
setAttributeNode(node) - Method - Element Object
Test-ElementExpression
TEST
 
var el = document.getElementById('gen04783').parentElement;
 
var attr = document.createAttribute('bgcolor');
 
attr.value = 'yellow';
 
el.setAttributeNode(attr);
tagName - Property - Element Object
ExpressionResulttypeof
document.getElementById('tableId').tagName
## INITIAL ##
## INITIAL ##
document.getElementById('resultId').tagName
## INITIAL ##
## INITIAL ##
document.getElementById('resultId').parentElement.tagName
## INITIAL ##
## INITIAL ##
document.getElementById('resultId').parentNode.tagName
## INITIAL ##
## INITIAL ##
prefix - Property - Element Object
localName - Property - Element Object
slot - Property - Element Object
shadowRoot - Property - Element Object
part - Property - Element Object
assignedSlot - Property - Element Object
elementTiming - Property - Element Object
ariaAtomic - Property - Element Object
ariaAutoComplete - Property - Element Object
ariaBusy - Property - Element Object
ariaChecked - Property - Element Object
ariaColCount - Property - Element Object
ariaColIndex - Property - Element Object
ariaColSpan - Property - Element Object
ariaCurrent - Property - Element Object
ariaDescription - Property - Element Object
ariaDisabled - Property - Element Object
ariaExpanded - Property - Element Object
ariaHasPopup - Property - Element Object
ariaHidden - Property - Element Object
ariaKeyShortcuts - Property - Element Object
ariaLabel - Property - Element Object
ariaLevel - Property - Element Object
ariaLive - Property - Element Object
ariaModal - Property - Element Object
ariaMultiLine - Property - Element Object
ariaMultiSelectable - Property - Element Object
ariaOrientation - Property - Element Object
ariaPlaceholder - Property - Element Object
ariaPosInSet - Property - Element Object
ariaPressed - Property - Element Object
ariaReadOnly - Property - Element Object
ariaRelevant - Property - Element Object
ariaRequired - Property - Element Object
ariaRoleDescription - Property - Element Object
ariaRowCount - Property - Element Object
ariaRowIndex - Property - Element Object
ariaRowSpan - Property - Element Object
ariaSelected - Property - Element Object
ariaSetSize - Property - Element Object
ariaSort - Property - Element Object
ariaValueMax - Property - Element Object
ariaValueMin - Property - Element Object
ariaValueNow - Property - Element Object
ariaValueText - Property - Element Object
after() - Method - Element Object
animate() - Method - Element Object
append(element) - Method - Element Object
  • Adds (appends) a new child (node) or a string to an element. no returnvalue
  • element: a new node or a string
  • Mozilla-Doku: API/Element/append
attachShadow() - Method - Element Object
before(params...) - Method - Element Object
computedStyleMap() - Method - Element Object
getAttributeNS() - Method - Element Object
getAttributeNames() - Method - Element Object
getAttributeNodeNS() - Method - Element Object
getClientRects() - Method - Element Object
getElementsByTagNameNS() - Method - Element Object
hasAttributeNS() - Method - Element Object
hasPointerCapture() - Method - Element Object
prepend() - Method - Element Object
releasePointerCapture - Property - Element Object
removeAttributeNS - Property - Element Object
replaceChildren - Property - Element Object
replaceWith() - Method - Element Object
requestFullscreen() - Method - Element Object
requestPointerLock() - Method - Element Object
scroll() - Method - Element Object
scrollBy() - Method - Element Object
scrollTo() - Method - Element Object
scrollIntoView() - Method - Element Object
scrollIntoViewIfNeeded() - Method - Element Object
setAttributeNS() - Method - Element Object
setAttributeNodeNS() - Method - Element Object
setPointerCapture() - Method - Element Object
toggleAttribute() - Method - Element Object
checkVisibility() - Method - Element Object
getAnimations() - Method - Element Object
setHTML - Property - Element Object
HTML Element - JavaScript Dokumentation
  1. accessKey - Property
  2. attachInternals() - Method
  3. autofocus - Property
  4. blur() - Method
  5. click() - Method
  6. contentEditable - Property
  7. dataset - Property
  8. dir - Property
  9. draggable - Property
  10. enterKeyHint - Property
  11. focus() - Method
  12. hidden - Property
  13. inert - Property
  14. innerText - Property
  15. inputMode - Property
  16. isContentEditable - Property
  17. lang - Property
  18. nonce - Property
  19. offsetHeight - Property
  20. offsetLeft - Property
  21. offsetParent - Property
  22. offsetTop - Property
  23. offsetWidth - Property
  24. outerText - Property
  25. spellcheck - Property
  26. style - Property
  27. tabIndex - Property
  28. title - Property
  29. translate - Property
  30. virtualKeyboardPolicy - Property
HTML Element supports the following events:
  • beforetoggle (onbeforetoggle) - ToggleEvent
  • cancel (oncancel) - Event
  • change (onchange) - Event - The content of a form element has changed
  • copy (oncopy) - ClipboardEvent - The content of an element is copied
  • cut (oncut) - ClipboardEvent - The content of an element is cutted
  • drag (ondrag) - DragEvent - An element is being dragged
  • dragend (ondragend) - DragEvent - Dragging of an element has ended
  • dragenter (ondragenter) - DragEvent - A dragged element enters the drop target
  • dragleave (ondragleave) - DragEvent - A dragged element leaves the drop target
  • dragover (ondragover) - DragEvent - A dragged element is over the drop target
  • dragstart (ondragstart) - DragEvent - Dragging of an element has started
  • drop (ondrop) - DragEvent - A dragged element is dropped on the target
  • error (onerror) - ErrorEvent - An error occurs while loading an external file
  • load (onload) - Event - An object has loaded
  • mscandidatewindowhide (onmscandidatewindowhide) - Event
  • mscandidatewindowshow (onmscandidatewindowshow) - Event
  • mscandidatewindowupdate (onmscandidatewindowupdate) - Event
  • paste (onpaste) - ClipboardEvent - Some content is pasted in an element
  • toggle (ontoggle) - ToggleEvent - The user opens or closes the <details> element
HTML Element inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

HTML Element inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

HTML Element inherits members from Element Object:
after, animate, append, ariaAtomic, ariaAutoComplete, ariaBusy, ariaChecked, ariaColCount, ariaColIndex, ariaColSpan, ariaCurrent, ariaDescription, ariaDisabled, ariaExpanded, ariaHasPopup, ariaHidden, ariaKeyShortcuts, ariaLabel, ariaLevel, ariaLive, ariaModal, ariaMultiLine, ariaMultiSelectable, ariaOrientation, ariaPlaceholder, ariaPosInSet, ariaPressed, ariaReadOnly, ariaRelevant, ariaRequired, ariaRoleDescription, ariaRowCount, ariaRowIndex, ariaRowSpan, ariaSelected, ariaSetSize, ariaSort, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assignedSlot, attachShadow, attributes, before, checkVisibility, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, computedStyleMap, elementTiming, firstElementChild, getAnimations, getAttribute, getAttributeNames, getAttributeNode, getAttributeNodeNS, getAttributeNS, getBoundingClientRect, getClientRects, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, nextElementSibling, outerHTML, part, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNode, removeAttributeNS, replaceChildren, replaceWith, requestFullscreen, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS, setHTML, setPointerCapture, shadowRoot, slot, tagName, toggleAttribute

HTML Element inherited events:
afterscriptexecute, animationcancel, animationend, animationiteration, animationstart, beforematch, beforescriptexecute, beforexrselect, blur, click, auxclick, compositionstart, compositionupdate, compositionend, contentvisibilityautostatechange, contextmenu, copy, cut, dblclick, DOMActivate, DOMMouseScroll, focus, focusin, focusout, fullscreenchange, fullscreenerror, gesturechange, gestureend, gesturestart, gotpointercapture, input, beforeinput, keydown, keypress, keyup, lostpointercapture, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, mousewheel, MozMousePixelScroll, paste, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, pointerover, pointerrawupdate, pointerup, scroll, scrollend, securitypolicyviolation, selectstart, touchcancel, touchend, touchmove, touchstart, transitioncancel, transitionend, transitionrun, transitionstart, webkitmouseforcechanged, webkitmouseforcedown, webkitmouseforceup, webkitmouseforcewillbegin, wheel

Mozilla: API/HTMLElement
accessKey - Property - HTML Element
  • setzt oder gibt einen Hotkey (accesskey) für ein Element zurück.
  • scheint nur für Links zu funktionieren.
  • Mozilla-Doku: API/HTMLElement/accessKey
ExpressionResulttypeof
 
var result = '';
 
var chapter = document.getElementById('htmlelement@htmlelement');
 
if (chapter != null) {
 
chapter.accessKey = 'q';
 
result = chapter.accessKey;
 
}
## INITIAL ##
## INITIAL ##
blur() - Method - HTML Element
click() - Method - HTML Element
contentEditable - Property - HTML Element
Test-ElementExpressionResult
Change me
 
var label = document.getElementById('gen04811');
 
label.contentEditable = true;
 
var result = 'edit = ' + label.contentEditable;
  
var label = document.getElementById('gen04811');
 
var result = document.getElementById('resultId');
 
result.innerText = label.innerText;
 
});
## INITIAL ##
isContentEditable - Property - HTML Element
Test-ElementExpressionResult
Change me
 
var label = document.getElementById('gen04817');
 
label.contentEditable = true;
 
var result = 'edit = ' + label.isContentEditable;
  
var label = document.getElementById('gen04817');
 
var result = document.getElementById('resultId');
 
result.innerText = label.innerText;
 
});
## INITIAL ##
dir - Property - HTML Element
  • Sets or returns the value of the dir attribute of an element
  • ltr = text is left-to-right
  • rtl = text is right-to-left
  • auto = up to browser
  • see also: DocumentObject.dir
  • Mozilla-Doku: API/HTMLElement/dir
ExpressionResulttypeof
 
var el = document.getElementById('resultId');
 
var sty = el.parentElement.style;
 
sty.width = '10em';
 
var result = 'width = ' + sty.width;
## INITIAL ##
## INITIAL ##
document.getElementById('resultId').dir = 'ltr';
var result = 'hello you!';
## INITIAL ##
## INITIAL ##
document.getElementById('resultId').dir = 'rtl';
var result = 'hello you!';
## INITIAL ##
## INITIAL ##
focus() - Method - HTML Element
lang - Property - HTML Element
Test-ElementExpressionResult
document.getElementById('gen04836').lang
## INITIAL ##
 
var el = document.getElementById('gen04841');
 
el.lang = 'de-CH';
 
var result = el.lang;
## INITIAL ##
offsetWidth - Property - HTML Element
offsetHeight - Property - HTML Element
offsetLeft - Property - HTML Element
offsetParent - Property - HTML Element
offsetTop - Property - HTML Element
outerText - Property - HTML Element
style - Property - HTML Element
Test-ElementExpressionResulttypeof
TEST
document.getElementById('gen04847').style
## INITIAL ##
## INITIAL ##
TEST
 
var sty = document.getElementById('gen04852').parentElement.style;
 
sty.border = '3px solid green';
 
var result = sty.border;
## INITIAL ##
## INITIAL ##
TEST
 
var sty = document.getElementById('gen04857').style;
 
sty.backgroundColor = '#ABC';
 
var result = sty.backgroundColor;
## INITIAL ##
## INITIAL ##
tabIndex - Property - HTML Element
title - Property - HTML Element
ExpressionResulttypeof
 
document.getElementById('resultId').title = 'Ein neuer Titel';
 
var result = document.getElementById('resultId').title;
## INITIAL ##
## INITIAL ##
translate - Property - HTML Element
hidden - Property - HTML Element
draggable - Property - HTML Element
spellcheck - Property - HTML Element
enterKeyHint - Property - HTML Element
inputMode - Property - HTML Element
virtualKeyboardPolicy - Property - HTML Element
dataset - Property - HTML Element
nonce - Property - HTML Element
autofocus - Property - HTML Element
attachInternals() - Method - HTML Element
inert - Property - HTML Element
innerText - Property - HTML Element
ExpressionResult
 
document.getElementById('tableId').parentElement.firstChild.innerText
 
document.getElementById('resultId').innerText = 'bold <b>text</b>';
## INITIAL ##
 
document.getElementById('resultId').innerText = 'line1<br>line2';
## INITIAL ##
HTML Body Element - JavaScript Dokumentation
HTML Body Element inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

HTML Body Element inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

HTML Body Element inherits members from Element Object:
after, animate, append, ariaAtomic, ariaAutoComplete, ariaBusy, ariaChecked, ariaColCount, ariaColIndex, ariaColSpan, ariaCurrent, ariaDescription, ariaDisabled, ariaExpanded, ariaHasPopup, ariaHidden, ariaKeyShortcuts, ariaLabel, ariaLevel, ariaLive, ariaModal, ariaMultiLine, ariaMultiSelectable, ariaOrientation, ariaPlaceholder, ariaPosInSet, ariaPressed, ariaReadOnly, ariaRelevant, ariaRequired, ariaRoleDescription, ariaRowCount, ariaRowIndex, ariaRowSpan, ariaSelected, ariaSetSize, ariaSort, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assignedSlot, attachShadow, attributes, before, checkVisibility, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, computedStyleMap, elementTiming, firstElementChild, getAnimations, getAttribute, getAttributeNames, getAttributeNode, getAttributeNodeNS, getAttributeNS, getBoundingClientRect, getClientRects, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, nextElementSibling, outerHTML, part, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNode, removeAttributeNS, replaceChildren, replaceWith, requestFullscreen, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS, setHTML, setPointerCapture, shadowRoot, slot, tagName, toggleAttribute

HTML Body Element inherits members from HTML Element:
accessKey, attachInternals, autofocus, blur, click, contentEditable, dataset, dir, draggable, enterKeyHint, focus, hidden, inert, innerText, inputMode, isContentEditable, lang, nonce, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, spellcheck, style, tabIndex, title, translate, virtualKeyboardPolicy

HTML Body Element inherited events:
afterscriptexecute, animationcancel, animationend, animationiteration, animationstart, beforematch, beforescriptexecute, beforetoggle, beforexrselect, blur, cancel, change, click, auxclick, compositionstart, compositionupdate, compositionend, contentvisibilityautostatechange, contextmenu, copy, cut, dblclick, DOMActivate, DOMMouseScroll, drag, dragend, dragenter, dragleave, dragover, dragstart, drop, error, focus, focusin, focusout, fullscreenchange, fullscreenerror, gesturechange, gestureend, gesturestart, gotpointercapture, input, beforeinput, keydown, keypress, keyup, load, lostpointercapture, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, mousewheel, MozMousePixelScroll, mscandidatewindowhide, mscandidatewindowshow, mscandidatewindowupdate, paste, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, pointerover, pointerrawupdate, pointerup, scroll, scrollend, securitypolicyviolation, selectstart, toggle, touchcancel, touchend, touchmove, touchstart, transitioncancel, transitionend, transitionrun, transitionstart, webkitmouseforcechanged, webkitmouseforcedown, webkitmouseforceup, webkitmouseforcewillbegin, wheel

see also: DocumentObject.body
Mozilla: API/HTMLBodyElement
HTML Image (img) Element - JavaScript Dokumentation
  1. align - Property
  2. alt - Property
  3. border - Property
  4. complete - Property
  5. crossOrigin - Property
  6. currentSrc - Property
  7. decode() - Method
  8. decoding - Property
  9. fetchPriority - Property
  10. height - Property
  11. hspace - Property
  12. isMap - Property
  13. loading - Property
  14. longDesc - Property
  15. lowsrc - Property
  16. name - Property
  17. naturalHeight - Property
  18. naturalWidth - Property
  19. referrerPolicy - Property
  20. sizes - Property
  21. src - Property
  22. srcset - Property
  23. useMap - Property
  24. vspace - Property
  25. width - Property
  26. x - Property
  27. y - Property
HTML Image (img) Element inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

HTML Image (img) Element inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

HTML Image (img) Element inherits members from Element Object:
after, animate, append, ariaAtomic, ariaAutoComplete, ariaBusy, ariaChecked, ariaColCount, ariaColIndex, ariaColSpan, ariaCurrent, ariaDescription, ariaDisabled, ariaExpanded, ariaHasPopup, ariaHidden, ariaKeyShortcuts, ariaLabel, ariaLevel, ariaLive, ariaModal, ariaMultiLine, ariaMultiSelectable, ariaOrientation, ariaPlaceholder, ariaPosInSet, ariaPressed, ariaReadOnly, ariaRelevant, ariaRequired, ariaRoleDescription, ariaRowCount, ariaRowIndex, ariaRowSpan, ariaSelected, ariaSetSize, ariaSort, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assignedSlot, attachShadow, attributes, before, checkVisibility, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, computedStyleMap, elementTiming, firstElementChild, getAnimations, getAttribute, getAttributeNames, getAttributeNode, getAttributeNodeNS, getAttributeNS, getBoundingClientRect, getClientRects, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, nextElementSibling, outerHTML, part, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNode, removeAttributeNS, replaceChildren, replaceWith, requestFullscreen, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS, setHTML, setPointerCapture, shadowRoot, slot, tagName, toggleAttribute

HTML Image (img) Element inherits members from HTML Element:
accessKey, attachInternals, autofocus, blur, click, contentEditable, dataset, dir, draggable, enterKeyHint, focus, hidden, inert, innerText, inputMode, isContentEditable, lang, nonce, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, spellcheck, style, tabIndex, title, translate, virtualKeyboardPolicy

HTML Image (img) Element inherited events:
afterscriptexecute, animationcancel, animationend, animationiteration, animationstart, beforematch, beforescriptexecute, beforetoggle, beforexrselect, blur, cancel, change, click, auxclick, compositionstart, compositionupdate, compositionend, contentvisibilityautostatechange, contextmenu, copy, cut, dblclick, DOMActivate, DOMMouseScroll, drag, dragend, dragenter, dragleave, dragover, dragstart, drop, error, focus, focusin, focusout, fullscreenchange, fullscreenerror, gesturechange, gestureend, gesturestart, gotpointercapture, input, beforeinput, keydown, keypress, keyup, load, lostpointercapture, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, mousewheel, MozMousePixelScroll, mscandidatewindowhide, mscandidatewindowshow, mscandidatewindowupdate, paste, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, pointerover, pointerrawupdate, pointerup, scroll, scrollend, securitypolicyviolation, selectstart, toggle, touchcancel, touchend, touchmove, touchstart, transitioncancel, transitionend, transitionrun, transitionstart, webkitmouseforcechanged, webkitmouseforcedown, webkitmouseforceup, webkitmouseforcewillbegin, wheel

Mozilla: API/HTMLImageElement
align - Property - HTML Image (img) Element
alt - Property - HTML Image (img) Element
border - Property - HTML Image (img) Element
complete - Property - HTML Image (img) Element
crossOrigin - Property - HTML Image (img) Element
currentSrc - Property - HTML Image (img) Element
decode() - Method - HTML Image (img) Element
decoding - Property - HTML Image (img) Element
fetchPriority - Property - HTML Image (img) Element
height - Property - HTML Image (img) Element
hspace - Property - HTML Image (img) Element
isMap - Property - HTML Image (img) Element
loading - Property - HTML Image (img) Element
longDesc - Property - HTML Image (img) Element
lowsrc - Property - HTML Image (img) Element
name - Property - HTML Image (img) Element
naturalHeight - Property - HTML Image (img) Element
naturalWidth - Property - HTML Image (img) Element
referrerPolicy - Property - HTML Image (img) Element
sizes - Property - HTML Image (img) Element
src - Property - HTML Image (img) Element
srcset - Property - HTML Image (img) Element
useMap - Property - HTML Image (img) Element
vspace - Property - HTML Image (img) Element
width - Property - HTML Image (img) Element
x - Property - HTML Image (img) Element
y - Property - HTML Image (img) Element
HTML Form Element - JavaScript Dokumentation
  1. acceptCharset - Property
  2. action - Property
  3. elements - Property
  4. encoding - Property
  5. enctype - Property
  6. length - Property
  7. method - Property
  8. name - Property
  9. reportValidity() - Method
  10. requestSubmit() - Method
  11. reset() - Method
  12. submit() - Method
  13. target - Property
HTML Form Element supports the following events:
HTML Form Element inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

HTML Form Element inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

HTML Form Element inherits members from Element Object:
after, animate, append, ariaAtomic, ariaAutoComplete, ariaBusy, ariaChecked, ariaColCount, ariaColIndex, ariaColSpan, ariaCurrent, ariaDescription, ariaDisabled, ariaExpanded, ariaHasPopup, ariaHidden, ariaKeyShortcuts, ariaLabel, ariaLevel, ariaLive, ariaModal, ariaMultiLine, ariaMultiSelectable, ariaOrientation, ariaPlaceholder, ariaPosInSet, ariaPressed, ariaReadOnly, ariaRelevant, ariaRequired, ariaRoleDescription, ariaRowCount, ariaRowIndex, ariaRowSpan, ariaSelected, ariaSetSize, ariaSort, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assignedSlot, attachShadow, attributes, before, checkVisibility, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, computedStyleMap, elementTiming, firstElementChild, getAnimations, getAttribute, getAttributeNames, getAttributeNode, getAttributeNodeNS, getAttributeNS, getBoundingClientRect, getClientRects, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, nextElementSibling, outerHTML, part, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNode, removeAttributeNS, replaceChildren, replaceWith, requestFullscreen, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS, setHTML, setPointerCapture, shadowRoot, slot, tagName, toggleAttribute

HTML Form Element inherits members from HTML Element:
accessKey, attachInternals, autofocus, blur, click, contentEditable, dataset, dir, draggable, enterKeyHint, focus, hidden, inert, innerText, inputMode, isContentEditable, lang, nonce, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, spellcheck, style, tabIndex, title, translate, virtualKeyboardPolicy

HTML Form Element inherited events:
afterscriptexecute, animationcancel, animationend, animationiteration, animationstart, beforematch, beforescriptexecute, beforetoggle, beforexrselect, blur, cancel, change, click, auxclick, compositionstart, compositionupdate, compositionend, contentvisibilityautostatechange, contextmenu, copy, cut, dblclick, DOMActivate, DOMMouseScroll, drag, dragend, dragenter, dragleave, dragover, dragstart, drop, error, focus, focusin, focusout, fullscreenchange, fullscreenerror, gesturechange, gestureend, gesturestart, gotpointercapture, input, beforeinput, keydown, keypress, keyup, load, lostpointercapture, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, mousewheel, MozMousePixelScroll, mscandidatewindowhide, mscandidatewindowshow, mscandidatewindowupdate, paste, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, pointerover, pointerrawupdate, pointerup, scroll, scrollend, securitypolicyviolation, selectstart, toggle, touchcancel, touchend, touchmove, touchstart, transitioncancel, transitionend, transitionrun, transitionstart, webkitmouseforcechanged, webkitmouseforcedown, webkitmouseforceup, webkitmouseforcewillbegin, wheel

see also: HtmlLabelElement.form
Mozilla: API/HTMLFormElement
action - Property - HTML Form Element
method - Property - HTML Form Element
  • form method has following values:
    • GET - The GET method requests a representation of the specified resource. Requests using GET should only retrieve data.
    • POST - The POST method submits an entity to the specified resource, often causing a change in state or side effects on the server.
    • PUT - The PUT method replaces all current representations of the target resource with the request payload.
    • HEAD - The HEAD method asks for a response identical to a GET request, but without the response body.
    • DELETE - The DELETE method deletes the specified resource.
    • CONNECT - The CONNECT method establishes a tunnel to the server identified by the target resource.
    • OPTIONS - The OPTIONS method describes the communication options for the target resource.
    • TRACE - The TRACE method performs a message loop-back test along the path to the target resource.
  • Mozilla-Doku: API/HTMLFormElement/method
acceptCharset - Property - HTML Form Element
elements - Property - HTML Form Element
encoding - Property - HTML Form Element
enctype - Property - HTML Form Element
length - Property - HTML Form Element
name - Property - HTML Form Element
reportValidity() - Method - HTML Form Element
requestSubmit() - Method - HTML Form Element
reset() - Method - HTML Form Element
submit() - Method - HTML Form Element
target - Property - HTML Form Element
  • The target property of the HTMLFormElement interface represents the target of the form's action (i.e., the frame in which to render its output).
  • Mozilla-Doku: API/HTMLFormElement/target
HTML HTML Element - JavaScript Dokumentation
HTML HTML Element inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

HTML HTML Element inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

HTML HTML Element inherits members from Element Object:
after, animate, append, ariaAtomic, ariaAutoComplete, ariaBusy, ariaChecked, ariaColCount, ariaColIndex, ariaColSpan, ariaCurrent, ariaDescription, ariaDisabled, ariaExpanded, ariaHasPopup, ariaHidden, ariaKeyShortcuts, ariaLabel, ariaLevel, ariaLive, ariaModal, ariaMultiLine, ariaMultiSelectable, ariaOrientation, ariaPlaceholder, ariaPosInSet, ariaPressed, ariaReadOnly, ariaRelevant, ariaRequired, ariaRoleDescription, ariaRowCount, ariaRowIndex, ariaRowSpan, ariaSelected, ariaSetSize, ariaSort, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assignedSlot, attachShadow, attributes, before, checkVisibility, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, computedStyleMap, elementTiming, firstElementChild, getAnimations, getAttribute, getAttributeNames, getAttributeNode, getAttributeNodeNS, getAttributeNS, getBoundingClientRect, getClientRects, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, nextElementSibling, outerHTML, part, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNode, removeAttributeNS, replaceChildren, replaceWith, requestFullscreen, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS, setHTML, setPointerCapture, shadowRoot, slot, tagName, toggleAttribute

HTML HTML Element inherits members from HTML Element:
accessKey, attachInternals, autofocus, blur, click, contentEditable, dataset, dir, draggable, enterKeyHint, focus, hidden, inert, innerText, inputMode, isContentEditable, lang, nonce, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, spellcheck, style, tabIndex, title, translate, virtualKeyboardPolicy

HTML HTML Element inherited events:
afterscriptexecute, animationcancel, animationend, animationiteration, animationstart, beforematch, beforescriptexecute, beforetoggle, beforexrselect, blur, cancel, change, click, auxclick, compositionstart, compositionupdate, compositionend, contentvisibilityautostatechange, contextmenu, copy, cut, dblclick, DOMActivate, DOMMouseScroll, drag, dragend, dragenter, dragleave, dragover, dragstart, drop, error, focus, focusin, focusout, fullscreenchange, fullscreenerror, gesturechange, gestureend, gesturestart, gotpointercapture, input, beforeinput, keydown, keypress, keyup, load, lostpointercapture, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, mousewheel, MozMousePixelScroll, mscandidatewindowhide, mscandidatewindowshow, mscandidatewindowupdate, paste, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, pointerover, pointerrawupdate, pointerup, scroll, scrollend, securitypolicyviolation, selectstart, toggle, touchcancel, touchend, touchmove, touchstart, transitioncancel, transitionend, transitionrun, transitionstart, webkitmouseforcechanged, webkitmouseforcedown, webkitmouseforceup, webkitmouseforcewillbegin, wheel

see also: DocumentObject.documentElement
Mozilla: API/HtmlHtmlElement
HTML Input Element - JavaScript Dokumentation
  1. checkValidity() - Method
  2. disabled - Property
  3. files - Property
  4. labels - Property
  5. multiple - Property
  6. popoverTargetAction - Property
  7. popoverTargetElement - Property
  8. reportValidity() - Method
  9. select() - Method
  10. selectionDirection - Property
  11. selectionEnd - Property
  12. selectionStart - Property
  13. setCustomValidity() - Method
  14. setRangeText() - Method
  15. setSelectionRange() - Method
  16. showPicker() - Method
  17. stepDown() - Method
  18. stepUp() - Method
  19. type - Property
  20. webkitdirectory - Property
  21. webkitEntries - Property
  22. accept - Property - deprecated
  23. align - Property - deprecated
  24. alt - Property - deprecated
  25. autocomplete - Property - deprecated
  26. checked - Property - deprecated
  27. defaultChecked - Property - deprecated
  28. defaultValue - Property - deprecated
  29. dirName - Property - deprecated
  30. form - Property - deprecated
  31. formAction - Property - deprecated
  32. formEnctype - Property - deprecated
  33. formMethod - Property - deprecated
  34. formNoValidate - Property - deprecated
  35. formTarget - Property - deprecated
  36. height - Property - deprecated
  37. incremental - Property - deprecated
  38. indeterminate - Property - deprecated
  39. list - Property - deprecated
  40. max - Property - deprecated
  41. maxLength - Property - deprecated
  42. min - Property - deprecated
  43. minLength - Property - deprecated
  44. name - Property - deprecated
  45. pattern - Property - deprecated
  46. placeholder - Property - deprecated
  47. readOnly - Property - deprecated
  48. required - Property - deprecated
  49. size - Property - deprecated
  50. src - Property - deprecated
  51. step - Property - deprecated
  52. useMap - Property - deprecated
  53. validationMessage - Property - deprecated
  54. validity - Property - deprecated
  55. value - Property - deprecated
  56. valueAsDate - Property - deprecated
  57. valueAsNumber - Property - deprecated
  58. width - Property - deprecated
  59. willValidate - Property - deprecated
HTML Input Element supports the following events:
  • invalid (oninvalid) - Event - An element is invalid
  • search (onsearch) - Event - Something is written in a search field
  • select (onselect) - Event - User selects some text
  • selectionchange (onselectionchange) - Event
HTML Input Element inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

HTML Input Element inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

HTML Input Element inherits members from Element Object:
after, animate, append, ariaAtomic, ariaAutoComplete, ariaBusy, ariaChecked, ariaColCount, ariaColIndex, ariaColSpan, ariaCurrent, ariaDescription, ariaDisabled, ariaExpanded, ariaHasPopup, ariaHidden, ariaKeyShortcuts, ariaLabel, ariaLevel, ariaLive, ariaModal, ariaMultiLine, ariaMultiSelectable, ariaOrientation, ariaPlaceholder, ariaPosInSet, ariaPressed, ariaReadOnly, ariaRelevant, ariaRequired, ariaRoleDescription, ariaRowCount, ariaRowIndex, ariaRowSpan, ariaSelected, ariaSetSize, ariaSort, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assignedSlot, attachShadow, attributes, before, checkVisibility, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, computedStyleMap, elementTiming, firstElementChild, getAnimations, getAttribute, getAttributeNames, getAttributeNode, getAttributeNodeNS, getAttributeNS, getBoundingClientRect, getClientRects, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, nextElementSibling, outerHTML, part, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNode, removeAttributeNS, replaceChildren, replaceWith, requestFullscreen, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS, setHTML, setPointerCapture, shadowRoot, slot, tagName, toggleAttribute

HTML Input Element inherits members from HTML Element:
accessKey, attachInternals, autofocus, blur, click, contentEditable, dataset, dir, draggable, enterKeyHint, focus, hidden, inert, innerText, inputMode, isContentEditable, lang, nonce, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, spellcheck, style, tabIndex, title, translate, virtualKeyboardPolicy

HTML Input Element inherited events:
afterscriptexecute, animationcancel, animationend, animationiteration, animationstart, beforematch, beforescriptexecute, beforetoggle, beforexrselect, blur, cancel, change, click, auxclick, compositionstart, compositionupdate, compositionend, contentvisibilityautostatechange, contextmenu, copy, cut, dblclick, DOMActivate, DOMMouseScroll, drag, dragend, dragenter, dragleave, dragover, dragstart, drop, error, focus, focusin, focusout, fullscreenchange, fullscreenerror, gesturechange, gestureend, gesturestart, gotpointercapture, input, beforeinput, keydown, keypress, keyup, load, lostpointercapture, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, mousewheel, MozMousePixelScroll, mscandidatewindowhide, mscandidatewindowshow, mscandidatewindowupdate, paste, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, pointerover, pointerrawupdate, pointerup, scroll, scrollend, securitypolicyviolation, selectstart, toggle, touchcancel, touchend, touchmove, touchstart, transitioncancel, transitionend, transitionrun, transitionstart, webkitmouseforcechanged, webkitmouseforcedown, webkitmouseforceup, webkitmouseforcewillbegin, wheel

Mozilla: API/HTMLInputElement
type - Property - HTML Input Element
  • referenziert den Type des Input-Elements
  • Werte für type (input): 
    • button - Ein Button, analog <button>-Tag.
    • checkbox - rendered as boxes that are ticked when activated.
    • color - creates an input that chooses a color.
    • date - create input that allows to enter a date.
    • datetime-local - create input that enter both a date and a time.
    • email - are used to enter and edit an email address.
    • file - choose one or more files from device storage.
    • hidden - cannot be seen or modified when a form is submitted.
    • image - used to create graphical submit buttons.
    • month - create input fields that let enter a month and year.
    • number - used to let enter a number.
    • password - securely enter a password
    • radio - used in radio groups
    • range - specify a numeric value between a given value and another given value.
    • reset - rendered as buttons, with a default click event handler that resets all inputs
    • search - text fields designed for the user to enter search queries
    • submit - Submit Button in <form>-Tag
    • tel - used to let the user enter and edit a telephone number.
    • text - create basic single-line text fields.
    • time - create input fields designed to let the user easily enter a time (hours and minutes, and optionally seconds).
    • url - used to let the user enter and edit a URL.
    • week - create input fields allowing easy entry of a year plus the ISO 8601 week number during that year (i.e., week 1 to 52 or 53).
  • Mozilla-Doku: API/HTMLInputElement/type
Test-ElementExpressionResult
 
var form = document.getElementById('gen04903');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04880';
 
c.type = 'text';
 
c.title = 'create basic single-line text fields.';
  
var c = document.getElementById('gen04880');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04907');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04881';
 
c.type = 'checkbox';
 
c.title = 'rendered as boxes that are ticked when activated.';
  
var c = document.getElementById('gen04881');
 
var r = c.checked+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04911');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04882';
 
c.type = 'color';
 
c.title = 'creates an input that chooses a color.';
  
var c = document.getElementById('gen04882');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04915');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04883';
 
c.type = 'date';
 
c.title = 'create input that allows to enter a date.';
  
var c = document.getElementById('gen04883');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04919');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04884';
 
c.type = 'datetime-local';
 
c.title = 'create input that enter both a date and a time.';
  
var c = document.getElementById('gen04884');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04923');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04885';
 
c.type = 'email';
 
c.title = 'are used to enter and edit an email address.';
  
var c = document.getElementById('gen04885');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04927');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04886';
 
c.type = 'file';
 
c.title = 'choose one or more files from device storage.';
  
var c = document.getElementById('gen04886');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04931');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04887';
 
c.type = 'month';
 
c.title = 'create input fields that let enter a month and year.';
  
var c = document.getElementById('gen04887');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04935');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04888';
 
c.type = 'number';
 
c.title = 'used to let enter a number.';
  
var c = document.getElementById('gen04888');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04939');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04889';
 
c.type = 'password';
 
c.title = 'securely enter a password';
  
var c = document.getElementById('gen04889');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04943');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04890';
 
c.type = 'radio';
 
c.name = 'gen04890';
 
var c = form.appendChild(document.createElement('input'));
 
c.type = 'radio';
 
c.name = 'gen04890';
 
var c = form.appendChild(document.createElement('input'));
 
c.type = 'radio';
 
c.name = 'gen04890';
 
c.title = 'used in radio groups';
  
var c = document.getElementById('gen04890');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04947');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04891';
 
c.type = 'range';
 
c.title = 'specify a numeric value between a given value and another given value.';
  
var c = document.getElementById('gen04891');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04951');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04892';
 
c.type = 'search';
 
c.title = 'text fields designed for the user to enter search queries';
  
var c = document.getElementById('gen04892');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04955');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04893';
 
c.type = 'tel';
 
c.title = 'used to let the user enter and edit a telephone number.';
  
var c = document.getElementById('gen04893');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04959');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04894';
 
c.type = 'time';
 
c.title = 'create input fields designed to let the user easily enter a time (hours and minutes, and optionally seconds).';
  
var c = document.getElementById('gen04894');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04963');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04895';
 
c.type = 'url';
 
c.title = 'used to let the user enter and edit a URL.';
  
var c = document.getElementById('gen04895');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04967');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04896';
 
c.type = 'week';
 
c.title = 'create input fields allowing easy entry of a year plus the ISO 8601 week number during that year (i.e., week 1 to 52 or 53).';
  
var c = document.getElementById('gen04896');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04971');
 
var c = form.appendChild(document.createElement('input'));
 
c.id = 'gen04897';
 
c.type = 'button';
 
c.value = 'click me...';
 
c.title = 'Ein Button, analog &lt;button&gt;-Tag.';
  
var c = document.getElementById('gen04897');
 
var r = c.value+'<br>';
 
document.getElementById('resultId').innerHTML += r;
 
});
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04975');
 
var c = form.appendChild(document.createElement('input'));
 
c.type = 'text';
 
c.value = 'TEXT';
 
form.append(' ');
 
var c = form.appendChild(document.createElement('input'));
 
c.type = 'reset';
 
c.title = 'rendered as buttons, with a default click event handler that resets all inputs';
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04979');
 
var c = form.appendChild(document.createElement('input'));
 
c.type = 'submit';
 
c.title = 'Submit Button in &lt;form&gt;-Tag';
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04983');
 
var c = form.appendChild(document.createElement('input'));
 
c.type = 'image';
 
c.title = 'used to create graphical submit buttons.';
 
var result = c.type+'<br>';
## INITIAL ##
 
var form = document.getElementById('gen04987');
 
var c = form.appendChild(document.createElement('input'));
 
c.type = 'hidden';
 
c.title = 'cannot be seen or modified when a form is submitted.';
 
var result = c.type+'<br>';
## INITIAL ##
accept - Property - HTML Input Element
  • deprecated
  • type = file: setzt den Filefilter (als MimeType mit '*') fest, e.g. 'video/*', 'image/jpeg'
  • Mozilla-Doku: API/HTMLInputElement
Test-ElementExpressionResulttypeof
 
var el = document.getElementById('gen04992');
 
el.accept = 'image/jpeg';
 
var result= el.accept;
## INITIAL ##
## INITIAL ##
align - Property - HTML Input Element
  • deprecated
  • type = image: alignment
  • Werte für align für type=image: 
    • bottom - It sets the alignment of image to the bottom.
    • left - It sets the alignment of image to the left. it is a default value.
    • middle - It sets the alignment of image to the middle.
    • right - It sets the alignment of image to the right.
    • top - It sets the alignment of image to the top.
  • Mozilla-Doku: API/HTMLInputElement
Test-ElementExpressionResulttypeof
 
var el = document.getElementById('gen04998');
 
el.align = 'right';
 
var result= el.align;
## INITIAL ##
## INITIAL ##
alt - Property - HTML Input Element
  • deprecated
  • referenziert das alt Attribut für einen alternativen Text, falls das Element nicht richtig dargestellt weden kann.
  • Mozilla-Doku: API/HTMLInputElement
Test-ElementExpressionResulttypeof
 
var el = document.getElementById('gen05004');
 
el.alt = 'any text';
 
var result= el.alt;
## INITIAL ##
## INITIAL ##
autocomplete - Property - HTML Input Element
  • deprecated
  • Textfelder können automatisch ausgefüllt werden, falls dies der UserAgent zulässt.
  • Mozilla-Doku: API/HTMLInputElement
checkValidity() - Method - HTML Input Element
checked - Property - HTML Input Element
  • deprecated
  • type = checkbox: setzt Boolean Wert Checkbox (true/false)
  • Mozilla-Doku: API/HTMLInputElement
Test-ElementExpressionResulttypeof
 
var el = document.getElementById('gen05010');
 
el.checked = 'true';
 
var result= el.checked;
## INITIAL ##
## INITIAL ##
defaultChecked - Property - HTML Input Element
defaultValue - Property - HTML Input Element
dirName - Property - HTML Input Element
disabled - Property - HTML Input Element
files - Property - HTML Input Element
form - Property - HTML Input Element
formAction - Property - HTML Input Element
formEnctype - Property - HTML Input Element
formMethod - Property - HTML Input Element
formNoValidate - Property - HTML Input Element
formTarget - Property - HTML Input Element
height - Property - HTML Input Element
incremental - Property - HTML Input Element
indeterminate - Property - HTML Input Element
labels - Property - HTML Input Element
list - Property - HTML Input Element
max - Property - HTML Input Element
maxLength - Property - HTML Input Element
min - Property - HTML Input Element
minLength - Property - HTML Input Element
multiple - Property - HTML Input Element
name - Property - HTML Input Element
pattern - Property - HTML Input Element
placeholder - Property - HTML Input Element
readOnly - Property - HTML Input Element
reportValidity() - Method - HTML Input Element
required - Property - HTML Input Element
select() - Method - HTML Input Element
selectionDirection - Property - HTML Input Element
selectionEnd - Property - HTML Input Element
selectionStart - Property - HTML Input Element
setCustomValidity() - Method - HTML Input Element
setRangeText() - Method - HTML Input Element
setSelectionRange() - Method - HTML Input Element
showPicker() - Method - HTML Input Element
size - Property - HTML Input Element
src - Property - HTML Input Element
step - Property - HTML Input Element
stepDown() - Method - HTML Input Element
stepUp() - Method - HTML Input Element
useMap - Property - HTML Input Element
validationMessage - Property - HTML Input Element
validity - Property - HTML Input Element
value - Property - HTML Input Element
valueAsDate - Property - HTML Input Element
valueAsNumber - Property - HTML Input Element
webkitEntries - Property - HTML Input Element
webkitdirectory - Property - HTML Input Element
width - Property - HTML Input Element
willValidate - Property - HTML Input Element
popoverTargetAction - Property - HTML Input Element
popoverTargetElement - Property - HTML Input Element
HTML Label Element - JavaScript Dokumentation
  1. HTMLLabelElement - Chapter
  2. control - Property
  3. form - Property
  4. htmlFor - Property
HTML Label Element inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

HTML Label Element inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

HTML Label Element inherits members from Element Object:
after, animate, append, ariaAtomic, ariaAutoComplete, ariaBusy, ariaChecked, ariaColCount, ariaColIndex, ariaColSpan, ariaCurrent, ariaDescription, ariaDisabled, ariaExpanded, ariaHasPopup, ariaHidden, ariaKeyShortcuts, ariaLabel, ariaLevel, ariaLive, ariaModal, ariaMultiLine, ariaMultiSelectable, ariaOrientation, ariaPlaceholder, ariaPosInSet, ariaPressed, ariaReadOnly, ariaRelevant, ariaRequired, ariaRoleDescription, ariaRowCount, ariaRowIndex, ariaRowSpan, ariaSelected, ariaSetSize, ariaSort, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assignedSlot, attachShadow, attributes, before, checkVisibility, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, computedStyleMap, elementTiming, firstElementChild, getAnimations, getAttribute, getAttributeNames, getAttributeNode, getAttributeNodeNS, getAttributeNS, getBoundingClientRect, getClientRects, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, nextElementSibling, outerHTML, part, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNode, removeAttributeNS, replaceChildren, replaceWith, requestFullscreen, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS, setHTML, setPointerCapture, shadowRoot, slot, tagName, toggleAttribute

HTML Label Element inherits members from HTML Element:
accessKey, attachInternals, autofocus, blur, click, contentEditable, dataset, dir, draggable, enterKeyHint, focus, hidden, inert, innerText, inputMode, isContentEditable, lang, nonce, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, spellcheck, style, tabIndex, title, translate, virtualKeyboardPolicy

HTML Label Element inherited events:
afterscriptexecute, animationcancel, animationend, animationiteration, animationstart, beforematch, beforescriptexecute, beforetoggle, beforexrselect, blur, cancel, change, click, auxclick, compositionstart, compositionupdate, compositionend, contentvisibilityautostatechange, contextmenu, copy, cut, dblclick, DOMActivate, DOMMouseScroll, drag, dragend, dragenter, dragleave, dragover, dragstart, drop, error, focus, focusin, focusout, fullscreenchange, fullscreenerror, gesturechange, gestureend, gesturestart, gotpointercapture, input, beforeinput, keydown, keypress, keyup, load, lostpointercapture, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, mousewheel, MozMousePixelScroll, mscandidatewindowhide, mscandidatewindowshow, mscandidatewindowupdate, paste, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, pointerover, pointerrawupdate, pointerup, scroll, scrollend, securitypolicyviolation, selectstart, toggle, touchcancel, touchend, touchmove, touchstart, transitioncancel, transitionend, transitionrun, transitionstart, webkitmouseforcechanged, webkitmouseforcedown, webkitmouseforceup, webkitmouseforcewillbegin, wheel

Mozilla: API/HTMLLabelElement
HTMLLabelElement - Chapter - HTML Label Element
Test-ElementExpressionResulttypeof
: 
 
var el = document.getElementById('gen05016');
 
var result = el.nodeName;
## INITIAL ##
## INITIAL ##
: 
 
var el = document.getElementById('gen05023');
 
var result = el.textContent;
## INITIAL ##
## INITIAL ##
: 
 
var el = document.getElementById('gen05030');
 
var result = el.nextSibling;
## INITIAL ##
## INITIAL ##
: 
 
var el = document.getElementById('gen05037');
 
var result = el.nextElementSibling;
## INITIAL ##
## INITIAL ##
htmlFor - Property - HTML Label Element
Test-ElementExpressionResulttypeof
: 
 
var el = document.getElementById('gen05045');
 
var result = el.htmlFor;
## INITIAL ##
## INITIAL ##
control - Property - HTML Label Element
Test-ElementExpressionResulttypeof
: 
 
var el = document.getElementById('gen05053');
 
var result = el.control;
## INITIAL ##
## INITIAL ##
: 
 
var el = document.getElementById('gen05060');
 
var result = el.control.name;
## INITIAL ##
## INITIAL ##
: 
 
var el = document.getElementById('gen05067');
 
var result = el.control.value;
## INITIAL ##
## INITIAL ##
form - Property - HTML Label Element
Test-ElementExpressionResulttypeof
: 
 
var el = document.getElementById('gen05075');
 
var result = el.form;
## INITIAL ##
## INITIAL ##
: 
 
var el = document.getElementById('gen05082');
 
var result = el.form.id;
## INITIAL ##
## INITIAL ##
: 
 
var el = document.getElementById('gen05089');
 
var result = el.form.length;
## INITIAL ##
## INITIAL ##
HTML Select Element - JavaScript Dokumentation
  • multiple = false: select ist eine ComboBox, singleselect.
  • multiple = true: select ist eine ListBox, multiselect.
  1. add(node) - Method
  2. checkValidity() - Method
  3. disabled - Property
  4. form - Property
  5. item(index) - Method
  6. labels - Property
  7. namedItem(string) - Method
  8. options - Property
  9. selectedIndex - Property
  10. selectedOptions - Property
  11. setCustomValidity() - Method
  12. type - Property
  13. length - Property - deprecated
  14. multiple - Property - deprecated
  15. name - Property - deprecated
  16. reportValidity() - Method - deprecated
  17. required - Property - deprecated
  18. size - Property - deprecated
  19. validationMessage - Property - deprecated
  20. validity - Property - deprecated
  21. value - Property - deprecated
  22. willValidate - Property - deprecated
HTML Select Element inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

HTML Select Element inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

HTML Select Element inherits members from Element Object:
after, animate, append, ariaAtomic, ariaAutoComplete, ariaBusy, ariaChecked, ariaColCount, ariaColIndex, ariaColSpan, ariaCurrent, ariaDescription, ariaDisabled, ariaExpanded, ariaHasPopup, ariaHidden, ariaKeyShortcuts, ariaLabel, ariaLevel, ariaLive, ariaModal, ariaMultiLine, ariaMultiSelectable, ariaOrientation, ariaPlaceholder, ariaPosInSet, ariaPressed, ariaReadOnly, ariaRelevant, ariaRequired, ariaRoleDescription, ariaRowCount, ariaRowIndex, ariaRowSpan, ariaSelected, ariaSetSize, ariaSort, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assignedSlot, attachShadow, attributes, before, checkVisibility, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, computedStyleMap, elementTiming, firstElementChild, getAnimations, getAttribute, getAttributeNames, getAttributeNode, getAttributeNodeNS, getAttributeNS, getBoundingClientRect, getClientRects, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, nextElementSibling, outerHTML, part, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNode, removeAttributeNS, replaceChildren, replaceWith, requestFullscreen, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS, setHTML, setPointerCapture, shadowRoot, slot, tagName, toggleAttribute

HTML Select Element inherits members from HTML Element:
accessKey, attachInternals, autofocus, blur, click, contentEditable, dataset, dir, draggable, enterKeyHint, focus, hidden, inert, innerText, inputMode, isContentEditable, lang, nonce, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, spellcheck, style, tabIndex, title, translate, virtualKeyboardPolicy

HTML Select Element inherited events:
afterscriptexecute, animationcancel, animationend, animationiteration, animationstart, beforematch, beforescriptexecute, beforetoggle, beforexrselect, blur, cancel, change, click, auxclick, compositionstart, compositionupdate, compositionend, contentvisibilityautostatechange, contextmenu, copy, cut, dblclick, DOMActivate, DOMMouseScroll, drag, dragend, dragenter, dragleave, dragover, dragstart, drop, error, focus, focusin, focusout, fullscreenchange, fullscreenerror, gesturechange, gestureend, gesturestart, gotpointercapture, input, beforeinput, keydown, keypress, keyup, load, lostpointercapture, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, mousewheel, MozMousePixelScroll, mscandidatewindowhide, mscandidatewindowshow, mscandidatewindowupdate, paste, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, pointerover, pointerrawupdate, pointerup, scroll, scrollend, securitypolicyviolation, selectstart, toggle, touchcancel, touchend, touchmove, touchstart, transitioncancel, transitionend, transitionrun, transitionstart, webkitmouseforcechanged, webkitmouseforcedown, webkitmouseforceup, webkitmouseforcewillbegin, wheel

Mozilla: API/HTMLSelectElement
multiple - Property - HTML Select Element
  • deprecated
  • false = ComboBox, ein Element kann ausgewählt werden
  • true = ListBox, mehrere Elemente können ausgewählt werden
  • Mozilla-Doku: API/HTMLSelectElement
Test-ElementExpressionResulttypeof
 
var select = document.getElementById('gen05097');
 
var result = select.multiple;
 
select.multiple = false;
 
result += '<br>' + select.multiple;
 
select.addEventListener('change', e => {
 
var select = document.getElementById('gen05097');
 
var text = 'selected: ' + select.selectedIndex + '<br>';
 
text += 'value: ' + select.value + '<br>';
 
for (let sel of select.selectedOptions) {
 
text += sel + '<br>';
 
text += 'text: ' + sel.innerText + '<br>';
 
text += 'value: ' + sel.value + '<br>';
 
}
 
document.getElementById('resultId').innerHTML = text;
 
});
## INITIAL ##
## INITIAL ##
 
var select = document.getElementById('gen05102');
 
var result = select.multiple;
 
select.multiple = true;
 
result += '<br>' + select.multiple;
 
select.addEventListener('change', e => {
 
var select = document.getElementById('gen05102');
 
var text = 'selected: ' + select.selectedIndex + '<br>';
 
text += 'value: ' + select.value + '<br>';
 
for (let sel of select.selectedOptions) {
 
text += sel + '<br>';
 
text += 'text: ' + sel.innerText + '<br>';
 
text += 'value: ' + sel.value + '<br>';
 
}
 
document.getElementById('resultId').innerHTML = text;
 
});
## INITIAL ##
## INITIAL ##
add(node) - Method - HTML Select Element
  • fügt ein neues option element zum selection element hinzu
  • node: ein neues option Element
  • Mozilla-Doku: API/HTMLSelectElement/add
Test-ElementExpression
 
var select = document.getElementById('gen05108');
 
var op = document.createElement('option');
 
op.text = 'new Item';
 
op.value = '55';
 
select.add(op);
checkValidity() - Method - HTML Select Element
disabled - Property - HTML Select Element
Test-ElementExpressionResulttypeof
document.getElementById('gen05114').disabled
## INITIAL ##
## INITIAL ##
 
document.getElementById('gen05119').disabled = true;
 
var result = document.getElementById('gen05119').disabled;
## INITIAL ##
## INITIAL ##
form - Property - HTML Select Element
item(index) - Method - HTML Select Element
Test-ElementExpressionResulttypeof
document.getElementById('gen05125').item(1)
## INITIAL ##
## INITIAL ##
document.getElementById('gen05130').item(1).innerText
## INITIAL ##
## INITIAL ##
namedItem(string) - Method - HTML Select Element
labels - Property - HTML Select Element
Test-ElementExpressionResulttypeof
document.getElementById('gen05136').labels
## INITIAL ##
## INITIAL ##
 
var result = '';
 
var el = document.getElementById('gen05141');
 
el.labels.forEach(item => result += item.innerText);
## INITIAL ##
## INITIAL ##
length - Property - HTML Select Element
Test-ElementExpressionResulttypeof
document.getElementById('gen05147').length
## INITIAL ##
## INITIAL ##
name - Property - HTML Select Element
options - Property - HTML Select Element
reportValidity() - Method - HTML Select Element
  • deprecated
  • This method reports the problems with the constraints on the element. true = no problems
  • Mozilla-Doku: API/HTMLSelectElement
required - Property - HTML Select Element
selectedIndex - Property - HTML Select Element
Test-ElementExpressionResulttypeof
 
var select = document.getElementById('gen05153');
 
var result = select.selectedIndex;
 
select.addEventListener('change', e => {
 
var select = document.getElementById('gen05153');
 
var text = 'selected: ' + select.selectedIndex + '<br>';
 
text += 'value: ' + select.value + '<br>';
 
for (let sel of select.selectedOptions) {
 
text += sel + '<br>';
 
text += 'text: ' + sel.innerText + '<br>';
 
text += 'value: ' + sel.value + '<br>';
 
}
 
document.getElementById('resultId').innerHTML = text;
 
});
## INITIAL ##
## INITIAL ##
selectedOptions - Property - HTML Select Element
Test-ElementExpressionResulttypeof
 
var select = document.getElementById('gen05159');
 
var result = select.selectedOptions;
 
select.addEventListener('change', e => {
 
var select = document.getElementById('gen05159');
 
var text = 'selected: ' + select.selectedIndex + '<br>';
 
text += 'value: ' + select.value + '<br>';
 
for (let sel of select.selectedOptions) {
 
text += sel + '<br>';
 
text += 'text: ' + sel.innerText + '<br>';
 
text += 'value: ' + sel.value + '<br>';
 
}
 
document.getElementById('resultId').innerHTML = text;
 
});
## INITIAL ##
## INITIAL ##
value - Property - HTML Select Element
  • deprecated
  • gibt den ersten selektierten Wert zurück oder empty String.
  • Mozilla-Doku: API/HTMLSelectElement
Test-ElementExpressionResulttypeof
 
var select = document.getElementById('gen05165');
 
var result = select.value;
 
select.addEventListener('change', e => {
 
var select = document.getElementById('gen05165');
 
var text = 'selected: ' + select.selectedIndex + '<br>';
 
text += 'value: ' + select.value + '<br>';
 
for (let sel of select.selectedOptions) {
 
text += sel + '<br>';
 
text += 'text: ' + sel.innerText + '<br>';
 
text += 'value: ' + sel.value + '<br>';
 
}
 
document.getElementById('resultId').innerHTML = text;
 
});
## INITIAL ##
## INITIAL ##
setCustomValidity() - Method - HTML Select Element
size - Property - HTML Select Element
Test-ElementExpressionResulttypeof
document.getElementById('gen05171').size
## INITIAL ##
## INITIAL ##
type - Property - HTML Select Element
Test-ElementExpressionResulttypeof
document.getElementById('gen05177').type
## INITIAL ##
## INITIAL ##
validationMessage - Property - HTML Select Element
Test-ElementExpressionResulttypeof
document.getElementById('gen05183').validationMessage
## INITIAL ##
## INITIAL ##
validity - Property - HTML Select Element
Test-ElementExpressionResulttypeof
document.getElementById('gen05189').validity
## INITIAL ##
## INITIAL ##
willValidate - Property - HTML Select Element
Test-ElementExpressionResulttypeof
document.getElementById('gen05195').willValidate
## INITIAL ##
## INITIAL ##
HTML (Select-)Option Element - JavaScript Dokumentation
  1. defaultSelected - Property
  2. disabled - Property
  3. form - Property
  4. index - Property
  5. label - Property
  6. selected - Property
  7. text - Property
  8. value - Property
HTML (Select-)Option Element inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

HTML (Select-)Option Element inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

HTML (Select-)Option Element inherits members from Element Object:
after, animate, append, ariaAtomic, ariaAutoComplete, ariaBusy, ariaChecked, ariaColCount, ariaColIndex, ariaColSpan, ariaCurrent, ariaDescription, ariaDisabled, ariaExpanded, ariaHasPopup, ariaHidden, ariaKeyShortcuts, ariaLabel, ariaLevel, ariaLive, ariaModal, ariaMultiLine, ariaMultiSelectable, ariaOrientation, ariaPlaceholder, ariaPosInSet, ariaPressed, ariaReadOnly, ariaRelevant, ariaRequired, ariaRoleDescription, ariaRowCount, ariaRowIndex, ariaRowSpan, ariaSelected, ariaSetSize, ariaSort, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assignedSlot, attachShadow, attributes, before, checkVisibility, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, computedStyleMap, elementTiming, firstElementChild, getAnimations, getAttribute, getAttributeNames, getAttributeNode, getAttributeNodeNS, getAttributeNS, getBoundingClientRect, getClientRects, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, nextElementSibling, outerHTML, part, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNode, removeAttributeNS, replaceChildren, replaceWith, requestFullscreen, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS, setHTML, setPointerCapture, shadowRoot, slot, tagName, toggleAttribute

HTML (Select-)Option Element inherits members from HTML Element:
accessKey, attachInternals, autofocus, blur, click, contentEditable, dataset, dir, draggable, enterKeyHint, focus, hidden, inert, innerText, inputMode, isContentEditable, lang, nonce, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, spellcheck, style, tabIndex, title, translate, virtualKeyboardPolicy

HTML (Select-)Option Element inherited events:
afterscriptexecute, animationcancel, animationend, animationiteration, animationstart, beforematch, beforescriptexecute, beforetoggle, beforexrselect, blur, cancel, change, click, auxclick, compositionstart, compositionupdate, compositionend, contentvisibilityautostatechange, contextmenu, copy, cut, dblclick, DOMActivate, DOMMouseScroll, drag, dragend, dragenter, dragleave, dragover, dragstart, drop, error, focus, focusin, focusout, fullscreenchange, fullscreenerror, gesturechange, gestureend, gesturestart, gotpointercapture, input, beforeinput, keydown, keypress, keyup, load, lostpointercapture, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, mousewheel, MozMousePixelScroll, mscandidatewindowhide, mscandidatewindowshow, mscandidatewindowupdate, paste, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, pointerover, pointerrawupdate, pointerup, scroll, scrollend, securitypolicyviolation, selectstart, toggle, touchcancel, touchend, touchmove, touchstart, transitioncancel, transitionend, transitionrun, transitionstart, webkitmouseforcechanged, webkitmouseforcedown, webkitmouseforceup, webkitmouseforcewillbegin, wheel

see also: HtmlSelectElement.options, HtmlSelectElement.selectedOptions
Mozilla: API/HTMLOptionElement
index - Property - HTML (Select-)Option Element
Test-ElementExpressionResulttypeof
 
var select = document.getElementById('gen05201');
 
var result = '';
 
for (let opt of select.options) {
 
result += opt.index + '<br>';
 
}
## INITIAL ##
## INITIAL ##
value - Property - HTML (Select-)Option Element
Test-ElementExpressionResulttypeof
 
var select = document.getElementById('gen05207');
 
var result = '';
 
for (let opt of select.options) {
 
result += opt.value + '<br>';
 
}
## INITIAL ##
## INITIAL ##
text - Property - HTML (Select-)Option Element
Test-ElementExpressionResulttypeof
 
var select = document.getElementById('gen05213');
 
var result = '';
 
for (let opt of select.options) {
 
result += opt.text + '<br>';
 
}
## INITIAL ##
## INITIAL ##
label - Property - HTML (Select-)Option Element
Test-ElementExpressionResulttypeof
 
var select = document.getElementById('gen05219');
 
var result = '';
 
for (let opt of select.options) {
 
result += opt.label + '<br>';
 
}
## INITIAL ##
## INITIAL ##
selected - Property - HTML (Select-)Option Element
Test-ElementExpressionResulttypeof
 
var select = document.getElementById('gen05225');
 
var result = '';
 
for (let opt of select.options) {
 
result += opt.selected + '<br>';
 
}
## INITIAL ##
## INITIAL ##
defaultSelected - Property - HTML (Select-)Option Element
Test-ElementExpressionResulttypeof
 
var select = document.getElementById('gen05231');
 
var result = '';
 
for (let opt of select.options) {
 
result += opt.defaultSelected + '<br>';
 
}
## INITIAL ##
## INITIAL ##
disabled - Property - HTML (Select-)Option Element
Test-ElementExpressionResulttypeof
 
var select = document.getElementById('gen05237');
 
var result = '';
 
for (let opt of select.options) {
 
result += opt.disabled + '<br>';
 
}
## INITIAL ##
## INITIAL ##
form - Property - HTML (Select-)Option Element
Test-ElementExpressionResulttypeof
 
var select = document.getElementById('gen05243');
 
var result = select.selectedOptions[0].form;
## INITIAL ##
## INITIAL ##
HTML Table Element - JavaScript Dokumentation
  1. caption - Property
  2. createCaption() - Method
  3. createTBody() - Method
  4. createTFoot() - Method
  5. createTHead() - Method
  6. deleteCaption() - Method
  7. deleteRow(index) - Method
  8. deleteTFoot() - Method
  9. deleteTHead() - Method
  10. insertRow([index]) - Method
  11. rows - Property
  12. tBodies - Property
  13. tFoot - Property
  14. tHead - Property
  15. align - Property - deprecated
  16. bgColor - Property - deprecated
  17. border - Property - deprecated
  18. cellPadding - Property - deprecated
  19. cellSpacing - Property - deprecated
  20. frame - Property - deprecated
  21. rules - Property - deprecated
  22. summary - Property - deprecated
  23. width - Property - deprecated
HTML Table Element inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

HTML Table Element inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

HTML Table Element inherits members from Element Object:
after, animate, append, ariaAtomic, ariaAutoComplete, ariaBusy, ariaChecked, ariaColCount, ariaColIndex, ariaColSpan, ariaCurrent, ariaDescription, ariaDisabled, ariaExpanded, ariaHasPopup, ariaHidden, ariaKeyShortcuts, ariaLabel, ariaLevel, ariaLive, ariaModal, ariaMultiLine, ariaMultiSelectable, ariaOrientation, ariaPlaceholder, ariaPosInSet, ariaPressed, ariaReadOnly, ariaRelevant, ariaRequired, ariaRoleDescription, ariaRowCount, ariaRowIndex, ariaRowSpan, ariaSelected, ariaSetSize, ariaSort, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assignedSlot, attachShadow, attributes, before, checkVisibility, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, computedStyleMap, elementTiming, firstElementChild, getAnimations, getAttribute, getAttributeNames, getAttributeNode, getAttributeNodeNS, getAttributeNS, getBoundingClientRect, getClientRects, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, nextElementSibling, outerHTML, part, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNode, removeAttributeNS, replaceChildren, replaceWith, requestFullscreen, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS, setHTML, setPointerCapture, shadowRoot, slot, tagName, toggleAttribute

HTML Table Element inherits members from HTML Element:
accessKey, attachInternals, autofocus, blur, click, contentEditable, dataset, dir, draggable, enterKeyHint, focus, hidden, inert, innerText, inputMode, isContentEditable, lang, nonce, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, spellcheck, style, tabIndex, title, translate, virtualKeyboardPolicy

HTML Table Element inherited events:
afterscriptexecute, animationcancel, animationend, animationiteration, animationstart, beforematch, beforescriptexecute, beforetoggle, beforexrselect, blur, cancel, change, click, auxclick, compositionstart, compositionupdate, compositionend, contentvisibilityautostatechange, contextmenu, copy, cut, dblclick, DOMActivate, DOMMouseScroll, drag, dragend, dragenter, dragleave, dragover, dragstart, drop, error, focus, focusin, focusout, fullscreenchange, fullscreenerror, gesturechange, gestureend, gesturestart, gotpointercapture, input, beforeinput, keydown, keypress, keyup, load, lostpointercapture, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, mousewheel, MozMousePixelScroll, mscandidatewindowhide, mscandidatewindowshow, mscandidatewindowupdate, paste, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, pointerover, pointerrawupdate, pointerup, scroll, scrollend, securitypolicyviolation, selectstart, toggle, touchcancel, touchend, touchmove, touchstart, transitioncancel, transitionend, transitionrun, transitionstart, webkitmouseforcechanged, webkitmouseforcedown, webkitmouseforceup, webkitmouseforcewillbegin, wheel

Mozilla: API/HTMLTableElement
align - Property - HTML Table Element
bgColor - Property - HTML Table Element
border - Property - HTML Table Element
caption - Property - HTML Table Element
  • The HTMLTableElement.caption property represents the table caption. If no caption element is associated with the table, this property is null.
  • Mozilla-Doku: API/HTMLTableElement/caption
cellPadding - Property - HTML Table Element
cellSpacing - Property - HTML Table Element
frame - Property - HTML Table Element
rows - Property - HTML Table Element
  • The read-only HTMLTableElement property rows returns a live HTMLCollection of all the rows in the table, including the rows contained within any <thead>, <tfoot>, and <tbody> elements.
  • returns HTML Collection (Element)
  • Mozilla-Doku: API/HTMLTableElement/rows
rules - Property - HTML Table Element
summary - Property - HTML Table Element
tHead - Property - HTML Table Element
  • The HTMLTableElement.tHead represents the <thead> element of a <table>. Its value will be null if there is no such element.
  • Mozilla-Doku: API/HTMLTableElement/tHead
tBodies - Property - HTML Table Element
tFoot - Property - HTML Table Element
  • The HTMLTableElement.tFoot property represents the <tfoot> element of a <table>. Its value will be null if there is no such element.
  • Mozilla-Doku: API/HTMLTableElement/tFoot
width - Property - HTML Table Element
insertRow([index]) - Method - HTML Table Element
deleteRow(index) - Method - HTML Table Element
createCaption() - Method - HTML Table Element
Test-ElementExpression
TEST
 
var table = document.getElementById('tableId');
 
var caption = table.createCaption();
 
caption.textContent = 'JavaScript caption';
 
caption.style.backgroundColor = '#FFD';
deleteCaption() - Method - HTML Table Element
createTHead() - Method - HTML Table Element
deleteTHead() - Method - HTML Table Element
createTBody() - Method - HTML Table Element
createTFoot() - Method - HTML Table Element
deleteTFoot() - Method - HTML Table Element
HTML Table-Row Element - JavaScript Dokumentation
  1. insertCell([index]) - Method
  2. rowIndex - Property
HTML Table-Row Element inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

HTML Table-Row Element inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

HTML Table-Row Element inherits members from Element Object:
after, animate, append, ariaAtomic, ariaAutoComplete, ariaBusy, ariaChecked, ariaColCount, ariaColIndex, ariaColSpan, ariaCurrent, ariaDescription, ariaDisabled, ariaExpanded, ariaHasPopup, ariaHidden, ariaKeyShortcuts, ariaLabel, ariaLevel, ariaLive, ariaModal, ariaMultiLine, ariaMultiSelectable, ariaOrientation, ariaPlaceholder, ariaPosInSet, ariaPressed, ariaReadOnly, ariaRelevant, ariaRequired, ariaRoleDescription, ariaRowCount, ariaRowIndex, ariaRowSpan, ariaSelected, ariaSetSize, ariaSort, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assignedSlot, attachShadow, attributes, before, checkVisibility, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, computedStyleMap, elementTiming, firstElementChild, getAnimations, getAttribute, getAttributeNames, getAttributeNode, getAttributeNodeNS, getAttributeNS, getBoundingClientRect, getClientRects, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, nextElementSibling, outerHTML, part, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNode, removeAttributeNS, replaceChildren, replaceWith, requestFullscreen, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS, setHTML, setPointerCapture, shadowRoot, slot, tagName, toggleAttribute

HTML Table-Row Element inherits members from HTML Element:
accessKey, attachInternals, autofocus, blur, click, contentEditable, dataset, dir, draggable, enterKeyHint, focus, hidden, inert, innerText, inputMode, isContentEditable, lang, nonce, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, spellcheck, style, tabIndex, title, translate, virtualKeyboardPolicy

HTML Table-Row Element inherited events:
afterscriptexecute, animationcancel, animationend, animationiteration, animationstart, beforematch, beforescriptexecute, beforetoggle, beforexrselect, blur, cancel, change, click, auxclick, compositionstart, compositionupdate, compositionend, contentvisibilityautostatechange, contextmenu, copy, cut, dblclick, DOMActivate, DOMMouseScroll, drag, dragend, dragenter, dragleave, dragover, dragstart, drop, error, focus, focusin, focusout, fullscreenchange, fullscreenerror, gesturechange, gestureend, gesturestart, gotpointercapture, input, beforeinput, keydown, keypress, keyup, load, lostpointercapture, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, mousewheel, MozMousePixelScroll, mscandidatewindowhide, mscandidatewindowshow, mscandidatewindowupdate, paste, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, pointerover, pointerrawupdate, pointerup, scroll, scrollend, securitypolicyviolation, selectstart, toggle, touchcancel, touchend, touchmove, touchstart, transitioncancel, transitionend, transitionrun, transitionstart, webkitmouseforcechanged, webkitmouseforcedown, webkitmouseforceup, webkitmouseforcewillbegin, wheel

see also: HtmlTableElement.insertRow
Mozilla: API/HTMLTableRowElement
rowIndex - Property - HTML Table-Row Element
insertCell([index]) - Method - HTML Table-Row Element
ExpressionResulttypeof
 
var result = '';
 
var table = document.getElementById('tableId');
 
result += table.rows.length+'<br>';
 
var row = table.insertRow();
 
result += row.rowIndex+'<br>';
 
var cell = row.insertCell();
 
cell.textContent = 'new cell, row '+row.rowIndex;
## INITIAL ##
## INITIAL ##
HTML Table-Cell Element - JavaScript Dokumentation
  1. abbr - Property - deprecated
  2. align - Property - deprecated
  3. axis - Property - deprecated
  4. bgColor - Property - deprecated
  5. cellIndex - Property - deprecated
  6. ch - Property - deprecated
  7. chOff - Property - deprecated
  8. colSpan - Property - deprecated
  9. headers - Property - deprecated
  10. height - Property - deprecated
  11. noWrap - Property - deprecated
  12. rowSpan - Property - deprecated
  13. scope - Property - deprecated
  14. vAlign - Property - deprecated
  15. width - Property - deprecated
HTML Table-Cell Element inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

HTML Table-Cell Element inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

HTML Table-Cell Element inherits members from Element Object:
after, animate, append, ariaAtomic, ariaAutoComplete, ariaBusy, ariaChecked, ariaColCount, ariaColIndex, ariaColSpan, ariaCurrent, ariaDescription, ariaDisabled, ariaExpanded, ariaHasPopup, ariaHidden, ariaKeyShortcuts, ariaLabel, ariaLevel, ariaLive, ariaModal, ariaMultiLine, ariaMultiSelectable, ariaOrientation, ariaPlaceholder, ariaPosInSet, ariaPressed, ariaReadOnly, ariaRelevant, ariaRequired, ariaRoleDescription, ariaRowCount, ariaRowIndex, ariaRowSpan, ariaSelected, ariaSetSize, ariaSort, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assignedSlot, attachShadow, attributes, before, checkVisibility, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, computedStyleMap, elementTiming, firstElementChild, getAnimations, getAttribute, getAttributeNames, getAttributeNode, getAttributeNodeNS, getAttributeNS, getBoundingClientRect, getClientRects, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, nextElementSibling, outerHTML, part, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNode, removeAttributeNS, replaceChildren, replaceWith, requestFullscreen, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS, setHTML, setPointerCapture, shadowRoot, slot, tagName, toggleAttribute

HTML Table-Cell Element inherits members from HTML Element:
accessKey, attachInternals, autofocus, blur, click, contentEditable, dataset, dir, draggable, enterKeyHint, focus, hidden, inert, innerText, inputMode, isContentEditable, lang, nonce, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, spellcheck, style, tabIndex, title, translate, virtualKeyboardPolicy

HTML Table-Cell Element inherited events:
afterscriptexecute, animationcancel, animationend, animationiteration, animationstart, beforematch, beforescriptexecute, beforetoggle, beforexrselect, blur, cancel, change, click, auxclick, compositionstart, compositionupdate, compositionend, contentvisibilityautostatechange, contextmenu, copy, cut, dblclick, DOMActivate, DOMMouseScroll, drag, dragend, dragenter, dragleave, dragover, dragstart, drop, error, focus, focusin, focusout, fullscreenchange, fullscreenerror, gesturechange, gestureend, gesturestart, gotpointercapture, input, beforeinput, keydown, keypress, keyup, load, lostpointercapture, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, mousewheel, MozMousePixelScroll, mscandidatewindowhide, mscandidatewindowshow, mscandidatewindowupdate, paste, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, pointerover, pointerrawupdate, pointerup, scroll, scrollend, securitypolicyviolation, selectstart, toggle, touchcancel, touchend, touchmove, touchstart, transitioncancel, transitionend, transitionrun, transitionstart, webkitmouseforcechanged, webkitmouseforcedown, webkitmouseforceup, webkitmouseforcewillbegin, wheel

see also: HtmlTableRowElement.insertCell
Mozilla: API/HTMLTableCellElement
abbr - Property - HTML Table-Cell Element
align - Property - HTML Table-Cell Element
axis - Property - HTML Table-Cell Element
bgColor - Property - HTML Table-Cell Element
cellIndex - Property - HTML Table-Cell Element
ch - Property - HTML Table-Cell Element
chOff - Property - HTML Table-Cell Element
colSpan - Property - HTML Table-Cell Element
headers - Property - HTML Table-Cell Element
height - Property - HTML Table-Cell Element
noWrap - Property - HTML Table-Cell Element
rowSpan - Property - HTML Table-Cell Element
scope - Property - HTML Table-Cell Element
vAlign - Property - HTML Table-Cell Element
width - Property - HTML Table-Cell Element
HTML Table-Caption Element - JavaScript Dokumentation
HTML Table-Caption Element inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

HTML Table-Caption Element inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

HTML Table-Caption Element inherits members from Element Object:
after, animate, append, ariaAtomic, ariaAutoComplete, ariaBusy, ariaChecked, ariaColCount, ariaColIndex, ariaColSpan, ariaCurrent, ariaDescription, ariaDisabled, ariaExpanded, ariaHasPopup, ariaHidden, ariaKeyShortcuts, ariaLabel, ariaLevel, ariaLive, ariaModal, ariaMultiLine, ariaMultiSelectable, ariaOrientation, ariaPlaceholder, ariaPosInSet, ariaPressed, ariaReadOnly, ariaRelevant, ariaRequired, ariaRoleDescription, ariaRowCount, ariaRowIndex, ariaRowSpan, ariaSelected, ariaSetSize, ariaSort, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assignedSlot, attachShadow, attributes, before, checkVisibility, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, computedStyleMap, elementTiming, firstElementChild, getAnimations, getAttribute, getAttributeNames, getAttributeNode, getAttributeNodeNS, getAttributeNS, getBoundingClientRect, getClientRects, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, nextElementSibling, outerHTML, part, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNode, removeAttributeNS, replaceChildren, replaceWith, requestFullscreen, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS, setHTML, setPointerCapture, shadowRoot, slot, tagName, toggleAttribute

HTML Table-Caption Element inherits members from HTML Element:
accessKey, attachInternals, autofocus, blur, click, contentEditable, dataset, dir, draggable, enterKeyHint, focus, hidden, inert, innerText, inputMode, isContentEditable, lang, nonce, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, spellcheck, style, tabIndex, title, translate, virtualKeyboardPolicy

HTML Table-Caption Element inherited events:
afterscriptexecute, animationcancel, animationend, animationiteration, animationstart, beforematch, beforescriptexecute, beforetoggle, beforexrselect, blur, cancel, change, click, auxclick, compositionstart, compositionupdate, compositionend, contentvisibilityautostatechange, contextmenu, copy, cut, dblclick, DOMActivate, DOMMouseScroll, drag, dragend, dragenter, dragleave, dragover, dragstart, drop, error, focus, focusin, focusout, fullscreenchange, fullscreenerror, gesturechange, gestureend, gesturestart, gotpointercapture, input, beforeinput, keydown, keypress, keyup, load, lostpointercapture, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, mousewheel, MozMousePixelScroll, mscandidatewindowhide, mscandidatewindowshow, mscandidatewindowupdate, paste, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, pointerover, pointerrawupdate, pointerup, scroll, scrollend, securitypolicyviolation, selectstart, toggle, touchcancel, touchend, touchmove, touchstart, transitioncancel, transitionend, transitionrun, transitionstart, webkitmouseforcechanged, webkitmouseforcedown, webkitmouseforceup, webkitmouseforcewillbegin, wheel

see also: HtmlTableElement.createCaption
Mozilla: API/HTMLTableCaptionElement
HTML Table-Section Element - JavaScript Dokumentation
HTML Table-Section Element inherits members from EventTarget:
addEventListener, dispatchEvent, removeEventListener

HTML Table-Section Element inherits members from Node Object:
Node.ATTRIBUTE_NODE, Node.CDATA_SECTION_NODE, Node.COMMENT_NODE, Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE, Node.DOCUMENT_POSITION_CONTAINED_BY, Node.DOCUMENT_POSITION_CONTAINS, Node.DOCUMENT_POSITION_DISCONNECTED, Node.DOCUMENT_POSITION_FOLLOWING, Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, Node.DOCUMENT_POSITION_PRECEDING, Node.DOCUMENT_TYPE_NODE, Node.ELEMENT_NODE, Node.ENTITY_NODE, Node.ENTITY_REFERENCE_NODE, Node.NOTATION_NODE, Node.PROCESSING_INSTRUCTION_NODE, Node.TEXT_NODE, appendChild, baseURI, childNodes, cloneNode, compareDocumentPosition, contains, firstChild, getRootNode, hasChildNodes, insertBefore, isConnected, isDefaultNamespace, isEqualNode, isSameNode, lastChild, lookupNamespaceURI, lookupPrefix, nextSibling, nodeName, nodeType, nodeValue, normalize, ownerDocument, parentElement, parentNode, previousSibling, removeChild, replaceChild, textContent

HTML Table-Section Element inherits members from Element Object:
after, animate, append, ariaAtomic, ariaAutoComplete, ariaBusy, ariaChecked, ariaColCount, ariaColIndex, ariaColSpan, ariaCurrent, ariaDescription, ariaDisabled, ariaExpanded, ariaHasPopup, ariaHidden, ariaKeyShortcuts, ariaLabel, ariaLevel, ariaLive, ariaModal, ariaMultiLine, ariaMultiSelectable, ariaOrientation, ariaPlaceholder, ariaPosInSet, ariaPressed, ariaReadOnly, ariaRelevant, ariaRequired, ariaRoleDescription, ariaRowCount, ariaRowIndex, ariaRowSpan, ariaSelected, ariaSetSize, ariaSort, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assignedSlot, attachShadow, attributes, before, checkVisibility, childElementCount, children, classList, className, clientHeight, clientLeft, clientTop, clientWidth, closest, computedStyleMap, elementTiming, firstElementChild, getAnimations, getAttribute, getAttributeNames, getAttributeNode, getAttributeNodeNS, getAttributeNS, getBoundingClientRect, getClientRects, getElementsByClassName, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasPointerCapture, id, innerHTML, insertAdjacentElement, insertAdjacentHTML, insertAdjacentText, lastElementChild, localName, matches, nextElementSibling, outerHTML, part, prefix, prepend, previousElementSibling, querySelector, querySelectorAll, releasePointerCapture, remove, removeAttribute, removeAttributeNode, removeAttributeNS, replaceChildren, replaceWith, requestFullscreen, requestPointerLock, scroll, scrollBy, scrollHeight, scrollIntoView, scrollIntoViewIfNeeded, scrollLeft, scrollTo, scrollTop, scrollWidth, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS, setHTML, setPointerCapture, shadowRoot, slot, tagName, toggleAttribute

HTML Table-Section Element inherits members from HTML Element:
accessKey, attachInternals, autofocus, blur, click, contentEditable, dataset, dir, draggable, enterKeyHint, focus, hidden, inert, innerText, inputMode, isContentEditable, lang, nonce, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, spellcheck, style, tabIndex, title, translate, virtualKeyboardPolicy

HTML Table-Section Element inherited events:
afterscriptexecute, animationcancel, animationend, animationiteration, animationstart, beforematch, beforescriptexecute, beforetoggle, beforexrselect, blur, cancel, change, click, auxclick, compositionstart, compositionupdate, compositionend, contentvisibilityautostatechange, contextmenu, copy, cut, dblclick, DOMActivate, DOMMouseScroll, drag, dragend, dragenter, dragleave, dragover, dragstart, drop, error, focus, focusin, focusout, fullscreenchange, fullscreenerror, gesturechange, gestureend, gesturestart, gotpointercapture, input, beforeinput, keydown, keypress, keyup, load, lostpointercapture, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover, mouseup, mousewheel, MozMousePixelScroll, mscandidatewindowhide, mscandidatewindowshow, mscandidatewindowupdate, paste, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, pointerover, pointerrawupdate, pointerup, scroll, scrollend, securitypolicyviolation, selectstart, toggle, touchcancel, touchend, touchmove, touchstart, transitioncancel, transitionend, transitionrun, transitionstart, webkitmouseforcechanged, webkitmouseforcedown, webkitmouseforceup, webkitmouseforcewillbegin, wheel

see also: HtmlTableElement.createTBody, HtmlTableElement.createTFoot, HtmlTableElement.createTHead
Mozilla: API/HTMLTableSectionElement
Event - JavaScript Dokumentation
  1. bubbles - Property
  2. cancelable - Property
  3. composed - Property
  4. composedPath() - Method
  5. createEvent() - Method
  6. currentTarget - Property
  7. defaultPrevented - Property
  8. eventPhase - Property
  9. explicitOriginalTarget - Property
  10. isTrusted - Property
  11. originalTarget - Property
  12. preventDefault() - Method
  13. stopImmediatePropagation() - Method
  14. stopPropagation() - Method
  15. target - Property
  16. timeStamp - Property
  17. type - Property
  18. cancelBubble - Property - deprecated
Event is returned by events:
  • afterprint (onafterprint) - das Drucken hat begonnen oder wurde abgebrochen
  • afterscriptexecute (onafterscriptexecute)
  • appinstalled (onappinstalled) - The appinstalled event of the Web Manifest API is fired when the browser has successfully installed a page as an application.
  • beforematch (onbeforematch)
  • beforeprint (onbeforeprint) - der Druckdialog wird geöffnet
  • beforescriptexecute (onbeforescriptexecute)
  • cancel (oncancel)
  • change (onchange) - The content of a form element has changed
  • DOMContentLoaded (onDOMContentLoaded)
  • fullscreenchange (onfullscreenchange) - An element is displayed in fullscreen mode
  • fullscreenerror (onfullscreenerror) - An element can not be displayed in fullscreen mode
  • invalid (oninvalid) - An element is invalid
  • languagechange (onlanguagechange)
  • load (onload) - An object has loaded
  • mscandidatewindowhide (onmscandidatewindowhide)
  • mscandidatewindowshow (onmscandidatewindowshow)
  • mscandidatewindowupdate (onmscandidatewindowupdate)
  • offline (onoffline) - The browser starts to work offline
  • online (ononline) - The browser starts to work online
  • orientationchange (onorientationchange)
  • pointerlockchange (onpointerlockchange)
  • pointerlockerror (onpointerlockerror)
  • prerenderingchange (onprerenderingchange)
  • readystatechange (onreadystatechange)
  • reset (onreset) - A form is reset
  • resize (onresize) - The document view is resized
  • scroll (onscroll) - An element's scrollbar is being scrolled
  • scrollend (onscrollend)
  • search (onsearch) - Something is written in a search field
  • selectionchange (onselectionchange)
  • selectstart (onselectstart)
  • select (onselect) - User selects some text
  • unload (onunload) - A page has unloaded (for <body>)
  • visibilitychange (onvisibilitychange)
  • navigatesuccess (onnavigatesuccess)
Mozilla: API/Event
type - Property - Event
Test-ElementExpressionResult
 
var inp = document.getElementById('gen05260');
  
var r = e.type;
 
r += '<br>' + e.timeStamp.toFixed(1);
 
r += '<br>' + new Date().toLocaleTimeString();
 
document.getElementById('resultId').innerHTML = r;
 
});
  
var r = e.type;
 
r += '<br>' + e.timeStamp.toFixed(1);
 
r += '<br>' + new Date().toLocaleTimeString();
 
document.getElementById('resultId').innerHTML = r;
 
});
 
var result = '';
## INITIAL ##
timeStamp - Property - Event
  • Returns the time (in milliseconds relative to the epoch) at which the event was created
  • Mozilla-Doku: API/Event/timeStamp
Test-ElementExpressionResult
 
var inp = document.getElementById('gen05266');
  
var r = e.type;
 
r += '<br>' + e.timeStamp.toFixed(1);
 
r += '<br>' + new Date().toLocaleTimeString();
 
document.getElementById('resultId').innerHTML = r;
 
});
  
var r = e.type;
 
r += '<br>' + e.timeStamp.toFixed(1);
 
r += '<br>' + new Date().toLocaleTimeString();
 
document.getElementById('resultId').innerHTML = r;
 
});
 
var result = '';
## INITIAL ##
bubbles - Property - Event
  • Returns whether or not a specific event is a bubbling event
  • Mozilla-Doku: API/Event/bubbles
cancelBubble - Property - Event
  • deprecated
  • Sets or returns whether the event should propagate up the hierarchy or not
  • Mozilla-Doku: API/Event
cancelable - Property - Event
  • Returns whether or not an event can have its default action prevented
  • Mozilla-Doku: API/Event/cancelable
composed - Property - Event
createEvent() - Method - Event
composedPath() - Method - Event
currentTarget - Property - Event
defaultPrevented - Property - Event
eventPhase - Property - Event
  • Returns which phase of the event flow is currently being evaluated
  • Mozilla-Doku: API/Event/eventPhase
isTrusted - Property - Event
preventDefault() - Method - Event
  • Cancels the event if it is cancelable, meaning that the default action that belongs to the event will not occur
  • Mozilla-Doku: API/Event/preventDefault
stopImmediatePropagation() - Method - Event
stopPropagation() - Method - Event
target - Property - Event
originalTarget - Property - Event
  • The read-only originalTarget property of the Event interface returns the original target of the event before any retargetings. Unlike Event.explicitOriginalTarget it can also be native anonymous content.
  • Mozilla-Doku: API/Event/originalTarget
explicitOriginalTarget - Property - Event
  • The read-only explicitOriginalTarget property of the Event interface returns the non-anonymous original target of the event.
  • Mozilla-Doku: API/Event/explicitOriginalTarget
UiEvent - JavaScript Dokumentation
  1. detail - Property
  2. view - Property
UiEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/UIEvent
detail - Property - UiEvent
view - Property - UiEvent
  • Returns a reference to the Window object where the event occurred
  • Mozilla-Doku: API/UIEvent
MouseEvent - JavaScript Dokumentation
  1. Mouse Event Demo - Chapter
  2. altKey - Property
  3. button - Property
  4. buttons - Property
  5. clientX - Property
  6. clientY - Property
  7. ctrlKey - Property
  8. getModifierState() - Method
  9. metaKey - Property
  10. movementX - Property
  11. movementY - Property
  12. offsetX - Property
  13. offsetY - Property
  14. pageX - Property
  15. pageY - Property
  16. relatedTarget - Property
  17. screenX - Property
  18. screenY - Property
  19. shiftKey - Property
  20. which - Property
MouseEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

MouseEvent inherits members from UiEvent:
detail, view

MouseEvent is returned by events:
  • dblclick (ondblclick) - An element is double-clicked
  • DOMActivate (onDOMActivate)
  • mousedown (onmousedown) - The mouse button is pressed over an element
  • mouseenter (onmouseenter) - The pointer is moved onto an element
  • mouseleave (onmouseleave) - The pointer is moved out of an element
  • mousemove (onmousemove) - The pointer is moved over an element
  • mouseout (onmouseout) - The pointer is moved out of an element
  • mouseover (onmouseover) - The pointer is moved onto an element
  • mouseup (onmouseup) - A user releases a mouse button over an element
  • webkitmouseforcechanged (onwebkitmouseforcechanged)
  • webkitmouseforcedown (onwebkitmouseforcedown)
  • webkitmouseforceup (onwebkitmouseforceup)
  • webkitmouseforcewillbegin (onwebkitmouseforcewillbegin)
Mozilla: API/MouseEvent
Mouse Event Demo - Chapter - MouseEvent
Test-ElementExpressionResult
Mouse Event Demo
 
/* dblclick - An element is double-clicked */
 
var lbl = document.getElementById('gen05272');
   
txt += '<br>'+Date.now();
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Mouse Event Demo
 
var lbl = document.getElementById('gen05277');
   
txt += '<br>'+Date.now();
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Mouse Event Demo
 
/* mousedown - The mouse button is pressed over an element */
 
var lbl = document.getElementById('gen05282');
   
txt += '<br>'+Date.now();
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Mouse Event Demo
 
/* mouseenter - The pointer is moved onto an element */
 
var lbl = document.getElementById('gen05287');
   
txt += '<br>'+Date.now();
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Mouse Event Demo
 
/* mouseleave - The pointer is moved out of an element */
 
var lbl = document.getElementById('gen05292');
   
txt += '<br>'+Date.now();
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Mouse Event Demo
 
/* mousemove - The pointer is moved over an element */
 
var lbl = document.getElementById('gen05297');
   
txt += '<br>'+Date.now();
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Mouse Event Demo
 
/* mouseout - The pointer is moved out of an element */
 
var lbl = document.getElementById('gen05302');
   
txt += '<br>'+Date.now();
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Mouse Event Demo
 
/* mouseover - The pointer is moved onto an element */
 
var lbl = document.getElementById('gen05307');
   
txt += '<br>'+Date.now();
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Mouse Event Demo
 
/* mouseup - A user releases a mouse button over an element */
 
var lbl = document.getElementById('gen05312');
   
txt += '<br>'+Date.now();
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Mouse Event Demo
 
var lbl = document.getElementById('gen05317');
   
txt += '<br>'+Date.now();
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Mouse Event Demo
 
var lbl = document.getElementById('gen05322');
   
txt += '<br>'+Date.now();
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Mouse Event Demo
 
var lbl = document.getElementById('gen05327');
   
txt += '<br>'+Date.now();
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Mouse Event Demo
 
var lbl = document.getElementById('gen05332');
   
txt += '<br>'+Date.now();
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
altKey - Property - MouseEvent
  • Returns whether the 'ALT' key was pressed when the mouse event was triggered
  • Mozilla-Doku: API/MouseEvent/altKey
button - Property - MouseEvent
  • Returns which mouse button was pressed when the mouse event was triggered
  • Mozilla-Doku: API/MouseEvent/button
buttons - Property - MouseEvent
  • Returns which mouse buttons were pressed when the mouse event was triggered
  • Mozilla-Doku: API/MouseEvent/buttons
clientX - Property - MouseEvent
  • Returns the horizontal coordinate of the mouse pointer, relative to the current window, when the mouse event was triggered
  • Mozilla-Doku: API/MouseEvent/clientX
clientY - Property - MouseEvent
  • Returns the vertical coordinate of the mouse pointer, relative to the current window, when the mouse event was triggered
  • Mozilla-Doku: API/MouseEvent/clientY
ctrlKey - Property - MouseEvent
  • Returns whether the 'CTRL' key was pressed when the mouse event was triggered
  • Mozilla-Doku: API/MouseEvent/ctrlKey
getModifierState() - Method - MouseEvent
metaKey - Property - MouseEvent
movementX - Property - MouseEvent
  • Returns the horizontal coordinate of the mouse pointer relative to the position of the last mousemove event
  • Mozilla-Doku: API/MouseEvent/movementX
movementY - Property - MouseEvent
  • Returns the vertical coordinate of the mouse pointer relative to the position of the last mousemove event
  • Mozilla-Doku: API/MouseEvent/movementY
offsetX - Property - MouseEvent
  • Returns the horizontal coordinate of the mouse pointer relative to the position of the edge of the target element
  • Mozilla-Doku: API/MouseEvent/offsetX
offsetY - Property - MouseEvent
  • Returns the vertical coordinate of the mouse pointer relative to the position of the edge of the target element
  • Mozilla-Doku: API/MouseEvent/offsetY
pageX - Property - MouseEvent
  • Returns the horizontal coordinate of the mouse pointer, relative to the document, when the mouse event was triggered
  • Mozilla-Doku: API/MouseEvent/pageX
pageY - Property - MouseEvent
  • Returns the vertical coordinate of the mouse pointer, relative to the document, when the mouse event was triggered
  • Mozilla-Doku: API/MouseEvent/pageY
relatedTarget - Property - MouseEvent
screenX - Property - MouseEvent
  • Returns the horizontal coordinate of the mouse pointer, relative to the screen, when an event was triggered
  • Mozilla-Doku: API/MouseEvent/screenX
screenY - Property - MouseEvent
  • Returns the vertical coordinate of the mouse pointer, relative to the screen, when an event was triggered
  • Mozilla-Doku: API/MouseEvent/screenY
shiftKey - Property - MouseEvent
which - Property - MouseEvent
  • Returns which mouse button was pressed when the mouse event was triggered
  • Mozilla-Doku: API/MouseEvent/which
AnimationEvent - JavaScript Dokumentation
  1. animationName - Property
  2. elapsedTime - Property
  3. pseudoElement - Property
AnimationEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

AnimationEvent is returned by events:
  • animationcancel (onanimationcancel) - The animationcancel event is fired when a CSS Animation unexpectedly aborts. In other words, any time it stops running without sending an animationend event. This might happen when the animation-name is changed such that the animation is removed, or when the animating node is hidden using CSS. Therefore, either directly or because any of its containing nodes are hidden.
  • animationend (onanimationend) - A CSS animation has completed
  • animationiteration (onanimationiteration) - A CSS animation is repeated
  • animationstart (onanimationstart) - A CSS animation has started
Mozilla: API/AnimationEvent
animationName - Property - AnimationEvent
elapsedTime - Property - AnimationEvent
pseudoElement - Property - AnimationEvent
BeforeInstallPromptEvent - JavaScript Dokumentation
BeforeInstallPromptEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

BeforeInstallPromptEvent is returned by events:
  • beforeinstallprompt (onbeforeinstallprompt)
Mozilla: API/BeforeInstallPromptEvent
BeforeUnloadEvent - JavaScript Dokumentation
BeforeUnloadEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

BeforeUnloadEvent is returned by events:
  • beforeunload (onbeforeunload) - Before a document is about to be unloaded
Mozilla: API/BeforeUnloadEvent
BlobEvent - JavaScript Dokumentation
BlobEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/BlobEvent
ClipboardEvent - JavaScript Dokumentation
  1. Clipboard Event Demo - Chapter
  2. clipboardData - Property
ClipboardEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

ClipboardEvent is returned by events:
  • copy (oncopy) - The content of an element is copied
  • cut (oncut) - The content of an element is cutted
  • paste (onpaste) - Some content is pasted in an element
Mozilla: API/ClipboardEvent
Clipboard Event Demo - Chapter - ClipboardEvent
Test-ElementExpressionResult
 
/* copy - The content of an element is copied */
 
var lbl = document.getElementById('gen05338');
   
txt += '<br>'+Date.now();
 
txt += '<br>'+e.clipboardData.getData('text');
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
 
/* cut - The content of an element is cutted */
 
var lbl = document.getElementById('gen05343');
   
txt += '<br>'+Date.now();
 
txt += '<br>'+e.clipboardData.getData('text');
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
 
/* paste - Some content is pasted in an element */
 
var lbl = document.getElementById('gen05348');
   
txt += '<br>'+Date.now();
 
txt += '<br>'+e.clipboardData.getData('text');
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
clipboardData - Property - ClipboardEvent
CloseEvent - JavaScript Dokumentation
  1. code - Property
  2. reason - Property
  3. wasClean - Property
CloseEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/CloseEvent
code - Property - CloseEvent
  • The code read-only property of the CloseEvent interface returns a WebSocket connection close code indicating the reason the server gave for closing the connection.
  • Mozilla-Doku: API/CloseEvent/code
reason - Property - CloseEvent
  • The reason read-only property of the CloseEvent interface returns the WebSocket connection close reason the server gave for closing the connection; that is, a concise human-readable prose explanation for the closure.
  • Mozilla-Doku: API/CloseEvent/reason
wasClean - Property - CloseEvent
  • The wasClean read-only property of the CloseEvent interface returns true if the connection closed cleanly.
  • Mozilla-Doku: API/CloseEvent/wasClean
CompositionEvent - JavaScript Dokumentation
CompositionEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

CompositionEvent is returned by events:
  • compositionstart (oncompositionstart)
  • compositionupdate (oncompositionupdate)
  • compositionend (oncompositionend)
Mozilla: API/CompositionEvent
ContentVisibilityAutoStateChangeEvent - JavaScript Dokumentation
ContentVisibilityAutoStateChangeEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

ContentVisibilityAutoStateChangeEvent is returned by events:
  • contentvisibilityautostatechange (oncontentvisibilityautostatechange) - experimental
Mozilla: API/ContentVisibilityAutoStateChangeEvent
CustomEvent - JavaScript Dokumentation
CustomEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/CustomEvent
DeviceMotionEvent - JavaScript Dokumentation
DeviceMotionEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

DeviceMotionEvent is returned by events:
  • devicemotion (ondevicemotion)
Mozilla: API/DeviceMotionEvent
DeviceOrientationEvent - JavaScript Dokumentation
DeviceOrientationEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

DeviceOrientationEvent is returned by events:
  • deviceorientation (ondeviceorientation)
  • deviceorientationabsolute (ondeviceorientationabsolute)
Mozilla: API/DeviceOrientationEvent
DragEvent - JavaScript Dokumentation
  1. Drag Event Demo - Chapter
  2. dataTransfer - Property
DragEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

DragEvent inherits members from UiEvent:
detail, view

DragEvent inherits members from MouseEvent:
Mouse Event Demo, altKey, button, buttons, clientX, clientY, ctrlKey, getModifierState, metaKey, movementX, movementY, offsetX, offsetY, pageX, pageY, relatedTarget, screenX, screenY, shiftKey, which

DragEvent is returned by events:
  • drag (ondrag) - An element is being dragged
  • dragend (ondragend) - Dragging of an element has ended
  • dragenter (ondragenter) - A dragged element enters the drop target
  • dragleave (ondragleave) - A dragged element leaves the drop target
  • dragover (ondragover) - A dragged element is over the drop target
  • dragstart (ondragstart) - Dragging of an element has started
  • drop (ondrop) - A dragged element is dropped on the target
Mozilla: API/DragEvent
Drag Event Demo - Chapter - DragEvent
Test-ElementExpressionResult
 
/* drag - An element is being dragged */
 
var lbl = document.getElementById('gen05354');
   
txt += '<br>'+Date.now();
 
txt += '<br>'+e.dataTransfer.getData('text');
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
 
/* dragend - Dragging of an element has ended */
 
var lbl = document.getElementById('gen05359');
   
txt += '<br>'+Date.now();
 
txt += '<br>'+e.dataTransfer.getData('text');
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
 
/* dragenter - A dragged element enters the drop target */
 
var lbl = document.getElementById('gen05364');
   
txt += '<br>'+Date.now();
 
txt += '<br>'+e.dataTransfer.getData('text');
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
 
/* dragleave - A dragged element leaves the drop target */
 
var lbl = document.getElementById('gen05369');
   
txt += '<br>'+Date.now();
 
txt += '<br>'+e.dataTransfer.getData('text');
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
 
/* dragover - A dragged element is over the drop target */
 
var lbl = document.getElementById('gen05374');
   
txt += '<br>'+Date.now();
 
txt += '<br>'+e.dataTransfer.getData('text');
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
 
/* dragstart - Dragging of an element has started */
 
var lbl = document.getElementById('gen05379');
   
txt += '<br>'+Date.now();
 
txt += '<br>'+e.dataTransfer.getData('text');
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
 
/* drop - A dragged element is dropped on the target */
 
var lbl = document.getElementById('gen05384');
   
txt += '<br>'+Date.now();
 
txt += '<br>'+e.dataTransfer.getData('text');
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
dataTransfer - Property - DragEvent
ErrorEvent - JavaScript Dokumentation
ErrorEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

ErrorEvent is returned by events:
  • error (onerror) - An error occurs while loading an external file
  • navigateerror (onnavigateerror)
Mozilla: API/ErrorEvent
FetchEvent - JavaScript Dokumentation
FetchEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/FetchEvent
FocusEvent - JavaScript Dokumentation
  1. Focus Event Demo - Chapter
  2. relatedTarget - Property
FocusEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

FocusEvent inherits members from UiEvent:
detail, view

FocusEvent is returned by events:
  • blur (onblur) - An element loses focus
  • focus (onfocus) - An element gets focus
  • focusin (onfocusin) - An element is about to get focus
  • focusout (onfocusout) - An element is about to lose focus
Mozilla: API/FocusEvent
Focus Event Demo - Chapter - FocusEvent
Test-ElementExpressionResult
 
/* blur - An element loses focus */
 
var lbl = document.getElementById('gen05390');
   
txt += '<br>'+Date.now();
 
txt += '<br>'+e.relatedTarget.id;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
 
/* focus - An element gets focus */
 
var lbl = document.getElementById('gen05395');
   
txt += '<br>'+Date.now();
 
txt += '<br>'+e.relatedTarget.id;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
 
/* focusin - An element is about to get focus */
 
var lbl = document.getElementById('gen05400');
   
txt += '<br>'+Date.now();
 
txt += '<br>'+e.relatedTarget.id;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
 
/* focusout - An element is about to lose focus */
 
var lbl = document.getElementById('gen05405');
   
txt += '<br>'+Date.now();
 
txt += '<br>'+e.relatedTarget.id;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
relatedTarget - Property - FocusEvent
FontFaceSetLoadEvent - JavaScript Dokumentation
FontFaceSetLoadEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/FontFaceSetLoadEvent
FormDataEvent - JavaScript Dokumentation
  1. formData - Property
FormDataEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

FormDataEvent is returned by events:
  • formdata (onformdata)
Mozilla: API/FormDataEvent
formData - Property - FormDataEvent
  • Contains the FormData object representing the data contained in the form when the event was fired.
  • Mozilla-Doku: API/FormDataEvent/formData
GestureEvent - JavaScript Dokumentation
GestureEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

GestureEvent is returned by events:
  • gesturechange (ongesturechange)
  • gestureend (ongestureend)
  • gesturestart (ongesturestart)
Mozilla: API/GestureEvent
HashChangeEvent - JavaScript Dokumentation
  1. newURL - Property
  2. oldURL - Property
HashChangeEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

HashChangeEvent is returned by events:
  • hashchange (onhashchange) - There has been changes to the anchor part of a URL
Mozilla: API/HashChangeEvent
newURL - Property - HashChangeEvent
oldURL - Property - HashChangeEvent
HIDInputReportEvent - JavaScript Dokumentation
HIDInputReportEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/HIDInputReportEvent
IDBVersionChangeEvent - JavaScript Dokumentation
IDBVersionChangeEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/IDBVersionChangeEvent
InputEvent - JavaScript Dokumentation
  1. Input Event Demo - Chapter
  2. data - Property
  3. dataTransfer - Property
  4. getTargetRanges() - Method
  5. inputType - Property
  6. isComposing - Property
InputEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

InputEvent inherits members from UiEvent:
detail, view

InputEvent is returned by events:
  • input (oninput) - An element gets user input
  • beforeinput (onbeforeinput) - fires when the value of an <input> or <textarea> element is about to be modified, but not the <select> element
Mozilla: API/InputEvent
Input Event Demo - Chapter - InputEvent
Test-ElementExpressionResult
 
/* input - An element gets user input */
 
var lbl = document.getElementById('gen05411');
   
txt += '<br>'+Date.now();
 
txt += '<br>inputType: '+e.inputType;
 
txt += '<br>data: '+e.data;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
 
/* beforeinput - fires when the value of an <input> or <textarea> element is about to be modified, but not the <select> element */
 
var lbl = document.getElementById('gen05416');
   
txt += '<br>'+Date.now();
 
txt += '<br>inputType: '+e.inputType;
 
txt += '<br>data: '+e.data;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
data - Property - InputEvent
dataTransfer - Property - InputEvent
getTargetRanges() - Method - InputEvent
inputType - Property - InputEvent
  • Returns the type of the change (i.e 'inserting' or 'deleting')
  • InputEvent inputType values:
    • insertText - insert typed plain text
    • insertReplacementText - insert or replace existing text by means of a spell checker, auto-correct, writing suggestions or similar
    • insertLineBreak - insert a line break
    • insertParagraph - insert a paragraph break
    • insertOrderedList - insert a numbered list
    • insertUnorderedList - insert a bulleted list
    • insertHorizontalRule - insert a horizontal rule
    • insertFromYank - replace the current selection with content stored in a kill buffer
    • insertFromDrop - insert content by means of drop
    • insertFromPaste - paste content from clipboard or paste image from client provided image library
    • insertFromPasteAsQuotation - paste content from the clipboard as a quotation
    • insertTranspose - transpose the last two grapheme cluster. that were entered
    • insertCompositionText - replace the current composition string
    • insertLink - insert a link
    • deleteWordBackward - delete a word directly before the caret position
    • deleteWordForward - delete a word directly after the caret position
    • deleteSoftLineBackward - delete from the caret to the nearest visual line break before the caret position
    • deleteSoftLineForward - delete from the caret to the nearest visual line break after the caret position
    • deleteEntireSoftLine - delete from to the nearest visual line break before the caret position to the nearest visual line break after the caret position
    • deleteHardLineBackward - delete from the caret to the nearest beginning of a block element or br element before the caret position
    • deleteHardLineForward - delete from the caret to the nearest end of a block element or br element after the caret position
    • deleteByDrag - remove content from the DOM by means of drag
    • deleteByCut - remove the current selection as part of a cut
    • deleteContent - delete the selection without specifying the direction of the deletion and this intention is not covered by another inputType
    • deleteContentBackward - delete the content directly before the caret position and this intention is not covered by another inputType or delete the selection with the selection collapsing to its start after the deletion
    • deleteContentForward - delete the content directly after the caret position and this intention is not covered by another inputType or delete the selection with the selection collapsing to its end after the deletion
    • historyUndo - undo the last editing action
    • historyRedo - to redo the last undone editing action
    • formatBold - initiate bold text
    • formatItalic - initiate italic text
    • formatUnderline - initiate underline text
    • formatStrikeThrough - initiate stricken through text
    • formatSuperscript - initiate superscript text
    • formatSubscript - initiate subscript text
    • formatJustifyFull - make the current selection fully justified
    • formatJustifyCenter - center align the current selection
    • formatJustifyRight - right align the current selection
    • formatJustifyLeft - left align the current selection
    • formatIndent - indent the current selection
    • formatOutdent - outdent the current selection
    • formatRemove - remove all formatting from the current selection
    • formatSetBlockTextDirection - set the text block direction
    • formatSetInlineTextDirection - set the text inline direction
    • formatBackColor - change the background color
    • formatFontColor - change the font color
    • formatFontName - change the font-family
  • Mozilla-Doku: API/InputEvent/inputType
isComposing - Property - InputEvent
KeyboardEvent - JavaScript Dokumentation
  1. Keyboard Event Demo - Chapter
  2. altKey - Property
  3. code - Property
  4. ctrlKey - Property
  5. getModifierState() - Method
  6. isComposing - Property
  7. key - Property
  8. location - Property
  9. metaKey - Property
  10. repeat - Property
  11. shiftKey - Property
  12. charCode - Property - deprecated
  13. keyCode - Property - deprecated
  14. which - Property - deprecated
KeyboardEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

KeyboardEvent inherits members from UiEvent:
detail, view

KeyboardEvent is returned by events:
  • keydown (onkeydown) - A key is down
  • keypress (onkeypress) - A key is pressed
  • keyup (onkeyup) - A key is released
Mozilla: API/KeyboardEvent
Keyboard Event Demo - Chapter - KeyboardEvent
Test-ElementExpressionResult
 
/* keydown - A key is down */
 
var lbl = document.getElementById('gen05422');
   
txt += '<br>'+Date.now();
 
txt += '<br>code: '+e.code;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
 
/* keypress - A key is pressed */
 
var lbl = document.getElementById('gen05427');
   
txt += '<br>'+Date.now();
 
txt += '<br>code: '+e.code;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
 
/* keyup - A key is released */
 
var lbl = document.getElementById('gen05432');
   
txt += '<br>'+Date.now();
 
txt += '<br>code: '+e.code;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
altKey - Property - KeyboardEvent
charCode - Property - KeyboardEvent
code - Property - KeyboardEvent
ctrlKey - Property - KeyboardEvent
getModifierState() - Method - KeyboardEvent
isComposing - Property - KeyboardEvent
key - Property - KeyboardEvent
keyCode - Property - KeyboardEvent
location - Property - KeyboardEvent
metaKey - Property - KeyboardEvent
repeat - Property - KeyboardEvent
shiftKey - Property - KeyboardEvent
which - Property - KeyboardEvent
MessageEvent - JavaScript Dokumentation
MessageEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

MessageEvent is returned by events:
  • message (onmessage) - A message is received through the event source
  • messageerror (onmessageerror)
Mozilla: API/MessageEvent
OfflineAudioCompletionEvent - JavaScript Dokumentation
OfflineAudioCompletionEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/OfflineAudioCompletionEvent
PageTransitionEvent - JavaScript Dokumentation
  1. persisted - Property
PageTransitionEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

PageTransitionEvent is returned by events:
  • pagehide (onpagehide) - User navigates away from a webpage
  • pageshow (onpageshow) - User navigates to a webpage
Mozilla: API/PageTransitionEvent
persisted - Property - PageTransitionEvent
PaymentRequestUpdateEvent - JavaScript Dokumentation
PaymentRequestUpdateEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/PaymentRequestUpdateEvent
PointerEvent - JavaScript Dokumentation
  1. Pointer Event Demo - Chapter
  2. getCoalescedEvents() - Method
  3. getPredictedEvents() - Method
  4. height - Property
  5. isPrimary - Property
  6. pointerId - Property
  7. pointerType - Property
  8. pressure - Property
  9. tangentialPressure - Property
  10. tiltX - Property
  11. tiltY - Property
  12. twist - Property
  13. width - Property
PointerEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

PointerEvent inherits members from UiEvent:
detail, view

PointerEvent inherits members from MouseEvent:
Mouse Event Demo, altKey, button, buttons, clientX, clientY, ctrlKey, getModifierState, metaKey, movementX, movementY, offsetX, offsetY, pageX, pageY, relatedTarget, screenX, screenY, shiftKey, which

PointerEvent is returned by events:
  • click (onclick) - ein Element wurde angeclickt
  • auxclick (onauxclick) - auxclick is fired after the mousedown and mouseup events have been fired, in that order.
  • contextmenu (oncontextmenu) - An element is right-clicked to open a context menu
  • gotpointercapture (ongotpointercapture)
  • lostpointercapture (onlostpointercapture)
  • pointercancel (onpointercancel)
  • pointerdown (onpointerdown)
  • pointerenter (onpointerenter)
  • pointerleave (onpointerleave)
  • pointermove (onpointermove)
  • pointerout (onpointerout)
  • pointerover (onpointerover)
  • pointerrawupdate (onpointerrawupdate)
  • pointerup (onpointerup)
Mozilla: API/PointerEvent
Pointer Event Demo - Chapter - PointerEvent
Test-ElementExpressionResult
Pointer Event Demo
 
/* click - ein Element wurde angeclickt */
 
var lbl = document.getElementById('gen05438');
   
txt += '<br>'+Date.now();
 
txt += '<br>pointerId: '+e.pointerId;
 
txt += '<br>pressure: '+e.pressure;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Pointer Event Demo
 
/* auxclick - auxclick is fired after the mousedown and mouseup events have been fired, in that order. */
 
var lbl = document.getElementById('gen05443');
   
txt += '<br>'+Date.now();
 
txt += '<br>pointerId: '+e.pointerId;
 
txt += '<br>pressure: '+e.pressure;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Pointer Event Demo
 
/* contextmenu - An element is right-clicked to open a context menu */
 
var lbl = document.getElementById('gen05448');
   
txt += '<br>'+Date.now();
 
txt += '<br>pointerId: '+e.pointerId;
 
txt += '<br>pressure: '+e.pressure;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Pointer Event Demo
 
var lbl = document.getElementById('gen05453');
   
txt += '<br>'+Date.now();
 
txt += '<br>pointerId: '+e.pointerId;
 
txt += '<br>pressure: '+e.pressure;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Pointer Event Demo
 
var lbl = document.getElementById('gen05458');
   
txt += '<br>'+Date.now();
 
txt += '<br>pointerId: '+e.pointerId;
 
txt += '<br>pressure: '+e.pressure;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Pointer Event Demo
 
var lbl = document.getElementById('gen05463');
   
txt += '<br>'+Date.now();
 
txt += '<br>pointerId: '+e.pointerId;
 
txt += '<br>pressure: '+e.pressure;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Pointer Event Demo
 
var lbl = document.getElementById('gen05468');
   
txt += '<br>'+Date.now();
 
txt += '<br>pointerId: '+e.pointerId;
 
txt += '<br>pressure: '+e.pressure;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Pointer Event Demo
 
var lbl = document.getElementById('gen05473');
   
txt += '<br>'+Date.now();
 
txt += '<br>pointerId: '+e.pointerId;
 
txt += '<br>pressure: '+e.pressure;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Pointer Event Demo
 
var lbl = document.getElementById('gen05478');
   
txt += '<br>'+Date.now();
 
txt += '<br>pointerId: '+e.pointerId;
 
txt += '<br>pressure: '+e.pressure;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Pointer Event Demo
 
var lbl = document.getElementById('gen05483');
   
txt += '<br>'+Date.now();
 
txt += '<br>pointerId: '+e.pointerId;
 
txt += '<br>pressure: '+e.pressure;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Pointer Event Demo
 
var lbl = document.getElementById('gen05488');
   
txt += '<br>'+Date.now();
 
txt += '<br>pointerId: '+e.pointerId;
 
txt += '<br>pressure: '+e.pressure;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Pointer Event Demo
 
var lbl = document.getElementById('gen05493');
   
txt += '<br>'+Date.now();
 
txt += '<br>pointerId: '+e.pointerId;
 
txt += '<br>pressure: '+e.pressure;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Pointer Event Demo
 
var lbl = document.getElementById('gen05498');
   
txt += '<br>'+Date.now();
 
txt += '<br>pointerId: '+e.pointerId;
 
txt += '<br>pressure: '+e.pressure;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
Pointer Event Demo
 
var lbl = document.getElementById('gen05503');
   
txt += '<br>'+Date.now();
 
txt += '<br>pointerId: '+e.pointerId;
 
txt += '<br>pressure: '+e.pressure;
 
txt += '<br>ctrlKey: '+e.ctrlKey;
 
txt += '<br>altKey: '+e.altKey;
 
txt += '<br>shiftKey: '+e.shiftKey;
 
document.getElementById('resultId').innerHTML = txt;
 
});
 
var result = 'no action';
## INITIAL ##
pointerId - Property - PointerEvent
width - Property - PointerEvent
height - Property - PointerEvent
pressure - Property - PointerEvent
  • The pressure read-only property of the PointerEvent interface indicates the normalized pressure of the pointer input.
  • Mozilla-Doku: API/PointerEvent/pressure
tangentialPressure - Property - PointerEvent
  • The tangentialPressure read-only property of the PointerEvent interface represents the normalized tangential pressure of the pointer input (also known as barrel pressure or cylinder stress).
  • Mozilla-Doku: API/PointerEvent/tangentialPressure
tiltX - Property - PointerEvent
  • The plane angle (in degrees, in the range of -90 to 90) between the Y–Z plane and the plane containing both the pointer (e.g. pen stylus) axis and the Y axis.
  • Mozilla-Doku: API/PointerEvent/tiltX
tiltY - Property - PointerEvent
  • The plane angle (in degrees, in the range of -90 to 90) between the X–Z plane and the plane containing both the pointer (e.g. pen stylus) axis and the X axis.
  • Mozilla-Doku: API/PointerEvent/tiltY
twist - Property - PointerEvent
  • The clockwise rotation of the pointer around its major axis in degrees, with a value in the range 0 to 359.
  • Mozilla-Doku: API/PointerEvent/twist
pointerType - Property - PointerEvent
isPrimary - Property - PointerEvent
getCoalescedEvents() - Method - PointerEvent
getPredictedEvents() - Method - PointerEvent
  • Returns a sequence of PointerEvent instances that the browser predicts will follow the dispatched pointermove event's coalesced events.
  • Mozilla-Doku: API/PointerEvent/getPredictedEvents
PopStateEvent - JavaScript Dokumentation
  1. state - Property
PopStateEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

PopStateEvent is returned by events:
  • popstate (onpopstate) - The window's history changes
Mozilla: API/PopStateEvent
state - Property - PopStateEvent
ProgressEvent - JavaScript Dokumentation
  1. lengthComputable - Property
  2. loaded - Property
  3. total - Property
ProgressEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/ProgressEvent
lengthComputable - Property - ProgressEvent
loaded - Property - ProgressEvent
total - Property - ProgressEvent
PromiseRejectionEvent - JavaScript Dokumentation
PromiseRejectionEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

PromiseRejectionEvent is returned by events:
  • rejectionhandled (onrejectionhandled)
  • unhandledrejection (onunhandledrejection)
Mozilla: API/PromiseRejectionEvent
RTCDataChannelEvent - JavaScript Dokumentation
RTCDataChannelEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/RTCDataChannelEvent
RTCPeerConnectionIceEvent - JavaScript Dokumentation
RTCPeerConnectionIceEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/RTCPeerConnectionIceEvent
SecurityPolicyViolationEvent - JavaScript Dokumentation
SecurityPolicyViolationEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

SecurityPolicyViolationEvent is returned by events:
  • securitypolicyviolation (onsecuritypolicyviolation)
Mozilla: API/SecurityPolicyViolationEvent
StorageEvent - JavaScript Dokumentation
  1. key - Property
  2. newValue - Property
  3. oldValue - Property
  4. storageArea - Property
  5. url - Property
StorageEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

StorageEvent is returned by events:
  • storage (onstorage) - A Web Storage area is updated
Mozilla: API/StorageEvent
key - Property - StorageEvent
newValue - Property - StorageEvent
oldValue - Property - StorageEvent
storageArea - Property - StorageEvent
url - Property - StorageEvent
SubmitEvent - JavaScript Dokumentation
  1. submitter - Property
SubmitEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

SubmitEvent is returned by events:
  • submit (onsubmit) - A form is submitted
Mozilla: API/SubmitEvent
submitter - Property - SubmitEvent
  • The read-only submitter property found on the SubmitEvent interface specifies the submit button or other element that was invoked to cause the form to be submitted.
  • Mozilla-Doku: API/SubmitEvent/submitter
TimeEvent - JavaScript Dokumentation
TimeEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/TimeEvent
ToggleEvent - JavaScript Dokumentation
ToggleEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

ToggleEvent is returned by events:
  • beforetoggle (onbeforetoggle)
  • toggle (ontoggle) - The user opens or closes the <details> element
Mozilla: API/ToggleEvent
TouchEvent - JavaScript Dokumentation
  1. altKey - Property
  2. changedTouches - Property
  3. ctrlKey - Property
  4. metaKey - Property
  5. shiftKey - Property
  6. targetTouches - Property
  7. touches - Property
TouchEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

TouchEvent inherits members from UiEvent:
detail, view

TouchEvent is returned by events:
  • touchcancel (ontouchcancel) - The touch is interrupted
  • touchend (ontouchend) - A finger is removed from a touch screen
  • touchmove (ontouchmove) - A finger is dragged across the screen
  • touchstart (ontouchstart) - A finger is placed on a touch screen
Mozilla: API/TouchEvent
altKey - Property - TouchEvent
  • Returns whether the 'ALT' key was pressed when the touch event was triggered
  • Mozilla-Doku: API/TouchEvent/altKey
changedTouches - Property - TouchEvent
ctrlKey - Property - TouchEvent
  • Returns whether the 'CTRL' key was pressed when the touch event was triggered
  • Mozilla-Doku: API/TouchEvent/ctrlKey
metaKey - Property - TouchEvent
  • Returns whether the 'meta' key was pressed when the touch event was triggered
  • Mozilla-Doku: API/TouchEvent/metaKey
shiftKey - Property - TouchEvent
  • Returns whether the 'SHIFT' key was pressed when the touch event was triggered
  • Mozilla-Doku: API/TouchEvent/shiftKey
targetTouches - Property - TouchEvent
  • Returns a list of all the touch objects that are in contact with the surface and where the touchstart event occured on the same target element as the current target element
  • Mozilla-Doku: API/TouchEvent/targetTouches
touches - Property - TouchEvent
  • Returns a list of all the touch objects that are currently in contact with the surface
  • Mozilla-Doku: API/TouchEvent/touches
TrackEvent - JavaScript Dokumentation
TrackEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/TrackEvent
TransitionEvent - JavaScript Dokumentation
  1. elapsedTime - Property
  2. propertyName - Property
  3. pseudoElement - Property
TransitionEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

TransitionEvent is returned by events:
  • transitioncancel (ontransitioncancel)
  • transitionend (ontransitionend) - A CSS transition has completed
  • transitionrun (ontransitionrun)
  • transitionstart (ontransitionstart)
Mozilla: API/TransitionEvent
propertyName - Property - TransitionEvent
elapsedTime - Property - TransitionEvent
pseudoElement - Property - TransitionEvent
VRDisplayEvent - JavaScript Dokumentation
VRDisplayEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

VRDisplayEvent is returned by events:
  • vrdisplayactivate (onvrdisplayactivate)
  • vrdisplayconnect (onvrdisplayconnect)
  • vrdisplaydeactivate (onvrdisplaydeactivate)
  • vrdisplaydisconnect (onvrdisplaydisconnect)
  • vrdisplaypresentchange (onvrdisplaypresentchange)
Mozilla: API/VRDisplayEvent
WebGLContextEvent - JavaScript Dokumentation
WebGLContextEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

Mozilla: API/WebGLContextEvent
WheelEvent - JavaScript Dokumentation
  1. deltaMode - Property
  2. deltaX - Property
  3. deltaY - Property
  4. deltaZ - Property
WheelEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

WheelEvent inherits members from UiEvent:
detail, view

WheelEvent inherits members from MouseEvent:
Mouse Event Demo, altKey, button, buttons, clientX, clientY, ctrlKey, getModifierState, metaKey, movementX, movementY, offsetX, offsetY, pageX, pageY, relatedTarget, screenX, screenY, shiftKey, which

WheelEvent is returned by events:
  • DOMMouseScroll (onDOMMouseScroll)
  • mousewheel (onmousewheel) - Deprecated. Use the wheel event instead
  • MozMousePixelScroll (onMozMousePixelScroll)
  • wheel (onwheel) - The mouse wheel rolls up or down over an element
Mozilla: API/WheelEvent
deltaX - Property - WheelEvent
deltaY - Property - WheelEvent
deltaZ - Property - WheelEvent
deltaMode - Property - WheelEvent
  • Returns a number that represents the unit of measurements for delta values (pixels, lines or pages)
  • Mozilla-Doku: API/WheelEvent/deltaMode
XRSessionEvent - JavaScript Dokumentation
XRSessionEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

XRSessionEvent is returned by events:
  • beforexrselect (onbeforexrselect)
Mozilla: API/XRSessionEvent
GamepadEvent - JavaScript Dokumentation
  1. gamepad - Property
GamepadEvent inherits members from Event:
bubbles, cancelable, composed, composedPath, createEvent, currentTarget, defaultPrevented, eventPhase, explicitOriginalTarget, isTrusted, originalTarget, preventDefault, stopImmediatePropagation, stopPropagation, target, timeStamp, type, cancelBubble

GamepadEvent is returned by events:
  • gamepadconnected (ongamepadconnected)
  • gamepaddisconnected (ongamepaddisconnected)
Mozilla: API/GamepadEvent
gamepad - Property - GamepadEvent
  • returns a Gamepad object, providing access to the associated gamepad data for fired gamepadconnected and gamepaddisconnected events.
  • Mozilla-Doku: API/GamepadEvent/gamepad
Haftungsausschluss: Die Informationen auf dieser Website wurden mit grösster Sorgfalt erstellt. Dennoch übernehme ich keine Haftung für die Richtigkeit, Vollständigkeit oder Aktualität der Inhalte. Änderungen und Irrtümer sind vorbehalten.
Java HotSpot™ Client VM 1.8.0_401 / © Thomas Gürber