You can use ReactDOM.findDOMNode(this) to access the underlying DOM node. But accessing the DOM node and manipulating like you do is against the React style of programming. It’s better to use a state variable and called the setState method to re-render the DOM.
You can traverse from an element up to the root looking for the desired tag: function findUpTag(el, tag) { while (el.parentNode) { el = el.parentNode; if (el.tagName === tag) return el; } return null; } You call this method with your start element: var el = document.getElementById(“…”); // start element var a = findUpTag(el, “A”); … Read more
Yes. It is case-sensitive. Attribute values are always case-sensitive. Different browsers seem to be doing different things though. Handling document.getElementById is different across browsers: Mozilla performs case-sensitive search. Internet Explorer: IE 8 and later performs case-sensitive search, while IE 7 and earlier performs case-insensitive search.
For others who end up here, the specific property you’re looking for to break out of the shadow root ‘jail’ is “composed”. So: this.checkEvent = new CustomEvent(“check”, { bubbles: true, cancelable: false, composed: true }); You can also add another property, “detail” which will carry custom data on the event, if you like. More info … Read more
A click event will by default bubble up the DOM, so you can just attach a click handler to the root, like this: $(document).click(function() { //do something }); Unless a handler on an element along the way does an event.stopPropagation() or return false, you’ll get the click here.
use the selector :contains() var element = $(“label:contains(‘SuperSweetCheckbox’)”); The matching text can appear directly within the selected element, in any of that element’s descendants, or a combination thereof. As with attribute value selectors, text inside the parentheses of :contains() can be written as bare words or surrounded by quotation marks. The text must have matching … Read more
To test for a DOM element, you can check its nodeType property: if( elm.nodeType ) { // Was a DOM node } or you could check the jQuery property: if( elm.jquery ) { // Was a jQuery object }
display is not an attribute – it’s a CSS property. You need to access the style object for this: document.getElementById(‘classRight’).style.display = ‘none’;
CSS itself will not give an error, however CSS which has an error in its syntax will not render correctly. The browser may not be able to understand what is meant at a given point, and therefore not be able to format the page correctly. There’s also a difference in CSS being syntactically correct, where … Read more