שאלה החלפת תוכן של תכונה על ידי JS או jQuery

ntz

אני רוצה לשנות תוכן של תכונת title על ידי JS או jQuery
איך אפשר לעשות את זה?

מוטי אורן

JQuery:

$('title').text('התוכן שאתה רוצה');

JavaScript:

document.querySelector('title').innerText = 'התוכן שאתה רוצה'

נ נח

document.title = "ntz";

מוטי אורן

@נ-נח הגאונות שבפשטות

ntz

@נ-נח @מוטי-אורן אבל אני רוצה לשנות רק title שהערך הנוכחי שלו נניח ntz1 להחליף אותו ל ntz2

מוטי אורן

@ntz רגע רגע.. רק להיות בטוח שאני מבין אותך נכון. אתה מתכוון ל title של העמוד?

ntz

@מוטי-אורן לא.
תכונה title , לא תגית.

מוטי אורן

@מוטי-אורן לא.
תכונה title , לא תגית.

אוקיי. אז היה פה אי הבנה בסיסי מאוד. על איזו תכונה אתה מדבר? תכונה ב - HTML? התכונה שגורמת למין tooltip קטן עם מידע על האלמנט?

ntz

התכונה שגורמת למין tooltip קטן עם מידע על האלמנט?

כן. בדיוק..
מתנצל שלא הסברתי את עצמי מספיק טוב..

מוטי אורן

@ntz בכל מקרה, אתה יכול פשוט להשתמש באובייקט ה - DOM שמכיל את האלמנט, ואחד מה - properties של האובייקט הוא התכונה title. לצורך הדוגמה:

 const el = document.querySelector('selector');
console.log(el.title); // ntz1
el.title = 'ntz2';
console.log(el.title); // ntz2

ואפשר גם להשתמש במתודה setAttribute אם אני לא טועה:

 const el = document.querySelector('selector');
console.log(el.title); // ntz1
el.setAttribute('title', 'ntz2');
console.log(e.title); // ntz2

ntz

אתה יכול פשוט להשתמש באובייקט ה - DOM שמכיל את האלמנט

איך אני יכול למצוא DOM ספציפי?
יש אפשרות למשוך רק תכונה עם ערך מסויים ולהחליף אותו באחר?
או שיש דרך אחרת להחליף באופן ספיציפי?

זה התגית עם ה title שאני רוצה לשנות

 <li tabindex="-1" data-format="justify" title="composer.formatting.justify">
<i class="fa fa-align-justify"></i>
</li>

נ נח

@ntz תנסה א"ז (זה jQuery)

$('li[title="composer.formatting.justify"]').attr('title', '😀');

ntz

@נ-נח לא עובד

ב.ל

@ntz
תכתוב כך:

 let elm = document.querySelector('li[title="composer.formatting.justify"]')
   elm.title = 'טקסט חדש'

אם יש לך כמה אלמנטים כאלו אז תכתוב כך:

    let elm = document.querySelectorAll('li[title="composer.formatting.justify"]')
     for (const e of elm) {
     e.title = 'טקסט חדש' 
   }

ntz

@ב-ל מוזר..
זה גם לא עובד לי.

	const el = document.querySelector('selector');
	console.log(el.title); // ntz1
	el.title = 'ntz2';
	console.log(el.title); // ntz2

	const el = document.querySelector('selector');
	console.log(el.title); // ntz1
	el.setAttribute('title', 'ntz2');
	console.log(e.title); // ntz2

	<li tabindex="-1" data-format="justify" title="composer.formatting.justify">
	<i class="fa fa-align-justify"></i>
	</li>

	let elm = document.querySelector('li[title="composer.formatting.justify"]')
	elm.title = 'טקסט חדש'

	let elm = document.querySelectorAll('li[title="composer.formatting.justify"]')
	for (const e of elm) {
	e.title = 'טקסט חדש'
	}