Is there any other way to select HTML element? [closed] - javascript

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I have a doubt that is there any other way to select HTML element if I cannot use getElementsByTagName(), getElementById() and getElementsByClassName() ?

There are 5 main ways of querying DOM:
getElementById
getElementsByTagName
getElementsByName
getElementsByClassName (except IE<9)
querySelector (except IE<8 and IE8 in compat mode)
All of them can search inside any other element. All of them excepts the last one return live collections.

Related

use of jquery siblings for multiple elements [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 3 months ago.
Improve this question
Can I use multiple different elements with inside siblings() in jquery?
and what would be the best practice in jquery to select sibling and can you also please explain why?
Yes. You can put in parentheses of the siblings the types of sibling elements you want, for example:
$("div").siblings("h2, p")

Change Text in IFrame without JQuery [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Weave: http://kodeweave.sourceforge.net/editor/#f6d9a54288f17fb68a8b234ec364dc41
I love JQuery, I do, but just for fun I'd like to learn how to write the following in pure/vanilla JS.
$("iframe").contents().find("<style>").html(cssEditor.value))
Something like this should work:
document
.getElementsByTagName('iframe')[0]
.contentDocument
.getElementsByTagName('style')[0]
.innerHTML = cssEditor.value;
Use the contentDocument property of the <iframe> DOM object to get the inner document.
You can then call normal methods on it like querySelector.

Don't print root element of ng-repeat [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
HTML:
<div ng-repeat="bill in data.budget.bills" class="ngDailyAmount"></div>
How do I suppress the div tag from outputting to the browser. I only want my directive html to show - not the parent div.
As others pointed out, you can use replace: true to achieve what you spect. But it is a deprecated feature and might cause some issues in newer versions of angular, as a deprecated feature there is no support for it. Just try to adjust your code to the no replacing way.
To substitute the root element on the directive you can use replace:true option

How do I access the link to the content? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
How do I access the content of link to by JavaScript and jquery
<a href='http://example.com' id='my id'>content</a>
First of all the id cannot contain spaces.
Then with jQuery to access the content the value in the DOM you need to use the .html() after the selector.
Here is a working example :
http://jsfiddle.net/zuz660uk/
If on the other end you want the value of href then use .attr('href')

Using CSS in JS [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I am trying to change CSS elements depending on situations used in javascript.
an example I had tried was:
if ('image'=="clicked")
{blahblahblah}
'image' would be my div id or div tag in CSS.
I know in Jquery I can use $('#image').click, but I don't think it Jquery will be good for my situation.
Consider document.querySelector. It's powerful, accepting any valid CSS selector. You can even start from another element, such as myElement.querySelector, to only get children of that element that match the selector. Very useful!
Just be aware that IE7 and below do not support this function.
Assuming your id as image
document.getElementById('image').onclick = function() {
alert("button was clicked");
}​;​

Categories