javascript - Do DOM tree elements with ids become global variables? -


working on idea simple htmlelement wrapper stumbled upon following internet explorer , chrome:

for given htmlelement id in dom tree, possible retrieve div using id variable name. div like

<div id="example">some text</div>

in internet explorer 8 , chrome can do:

alert(example.innerhtml); //=> 'some text'

or

alert(window['example'].innerhtml); //=> 'some text'

so, mean every element in dom tree converted variable in global namespace? , mean 1 can use replacement getelementbyid method in these browsers?

what supposed happen ‘named elements’ added apparent properties of document object. bad idea, allows element names clash real properties of document.

ie made situation worse adding named elements properties of window object. doubly bad in have avoid naming elements after member of either document or window object (or other library code in project) might want use.

it means these elements visible global-like variables. luckily in case real global var or function declarations in code shadow them, don't need worry naming here, if try assignment global variable clashing name , forget declare var, you'll error in ie tries assign value element itself.

it's considered bad practice omit var, rely on named elements being visible on window or globals. stick document.getelementbyid, more widely-supported , less ambiguous. can write trivial wrapper function shorter name if don't typing. either way, there's no point in using id-to-element lookup cache, because browsers typically optimise getelementbyid call use quick lookup anyway; problems when elements change id or added/removed document.

opera copied ie, webkit joined in, , both previously-unstandardised practice of putting named elements on document properties, , previously-ie-only practice of putting them on window being standardised html5, approach document , standardise every terrible practice inflicted on browser authors, making them part of web forever. firefox 4 support this.

what ‘named elements’? id, , name being used ‘identifying’ purposes: is, forms, images, anchors , few others, not other unrelated instances of name attribute, control-names in form input fields, parameter names in <param> or metadata type in <meta>. ‘identifying’ names ones should should avoided in favour of id.


Comments

Post a Comment

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

this code i'm using find latitude , longitude of place: function coords($address){ echo $url="http://maps.googleapis.com/maps/api/geocode/json?address=".$address; $json = file_get_contents(urlencode($url)); $data = json_decode($json, true); print_r($data['results'][0]['geometry']['location']['lat']); print_r($data['results'][0]['geometry']['location']['lng']); } however returns warning: failed open stream: http request failed! http/1.0 400 bad request if use above code in simple procedure works fine not in function. note: have tried curl_init()... method produced same result? instead of encoding whole url encode address part. following code work fine $add='jamshoro phase 2'; $url="http://maps.googleapis.com/maps/api/geocode/json?address=".urlencode($add); $json = file_get_contents($url); $data = json_decode($json, true); print_r($data['r
Read more

java - How to filter a backspace keyboard input -

i have code gives message when key number pressed: txtvalueofclause.addeventfilter(keyevent.key_typed, new eventhandler<keyevent>() { @override public void handle(keyevent t) { char ar[] = t.getcharacter().tochararray(); char ch = ar[t.getcharacter().tochararray().length - 1]; if (!(ch >= '0' && ch <= '9')) { system.out.println("the char entered not number"); t.consume(); } } }); now if press on wrong button , press backspace remove it, error message. how can add backspace input if statement? i have found answer: txtvalueofclause.addeventfilter(keyevent.key_typed, new eventhandler<keyevent>() { @override public void handle(keyevent t) { char ar[] = t.getcharacter().tochararray(); char ch = ar[t.getcharacter().tochar
Read more

java - Show Soft Keyboard when EditText Appears -

i have code in android app, alert dialog , keyboard, , when dialog shown want keyboard appear. not , not sure why? here code: final alertdialog.builder alert = new alertdialog.builder(this); alert.settitle("title"); alert.setmessage("message"); final edittext input = new edittext(this); input.setinputtype(inputtype.type_class_number); alert.setview(input); input.setonfocuschangelistener(new view.onfocuschangelistener() { @override public void onfocuschange(view v, boolean hasfocus) { if (hasfocus) { log.i(tag, "in focus"); inputmethodmanager inputmethodmanager = (inputmethodmanager) getsystemservice(context.input_method_service); inputmethodmanager.showsoftinput(input, inputmethodmanager.show_implicit); } } }); but keyboard not appear though edit text in focus, , tell appear why, doesn't come up? thanks in advance.
Read more