Cách chuyển đối tượng làm tham số trong hàm onclick javascript

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn giải pháp truyền tham số cho hàm JavaScript title, ở đây chúng tôi đã xác định hai hàm sự kiện title để truyền các loại giá trị khác nhau được truyền dưới dạng tham số sẽ xảy ra khi người dùng nhấp vào hai nút khác nhau

Sử dụng hàm javascript, chúng tôi thường xác định phương thức của mình sau đó hiển thị giá trị tham số đã truyền theo cách chung đơn giản

Hướng dẫn từng bước khi truyền tham số cho chức năng JavaScript Onclick. -

Ở đây chúng tôi sử dụng thẻ h1 để hiển thị tiêu đề cho chương trình và xác định hai thành phần nút với sự kiện title giá trị khác nhau cho chức năng tải, truy cập các giá trị với các loại khác nhau

Trong tập lệnh, chúng tôi đã xác định hàm 'fun[]' với giá trị chung của đối số, sau đó trong hàm fun[], chúng tôi hiển thị đối số đã xác định bằng phương thức alert[] sẽ mở hộp bật lên với giá trị mà chúng tôi đã chuyển dưới dạng tin nhắn


    
        PASS PARAMETER TO FUNCTION ONCLICK
    
    
        

Passed Parameter will Display on AlertBox

        Click         Click                     function fun[value]{                 alert[value];             }            
  1. thẻ hướng dẫn trình duyệt web về phiên bản của tệp HTML được viết bằng và nó không có bất kỳ thẻ kết thúc nào
  2. The tag is used to indicate the beginning of HTML document.
  3. As above shown tag is contain information about webpage and external file links are declared here. tag is used for set the webpage title.
  4. Both and tags having their pair end tag, so we need to close the ending tags respectively. If you’re not closed anyone of ending tag properly that is also affect the webpage result.
  5. tag is beginning of main coding part because it contain coding of entire website blocks and elements described here.
  6. Ở đây, chúng tôi đã xác định thẻ h1 với tiêu đề 'Tham số đã truyền sẽ hiển thị trên AlertBox' và hai phần tử nút có sự kiện title, các giá trị khác nhau làm tham số
  7. Trong nút đầu tiên, chúng tôi đã khai báo phương thức thú vị với tham số chuỗi ‘fun['Xin chào mọi người']’ làm giá trị sự kiện title và trong nút thứ hai, chúng tôi đã khai báo phương thức thú vị với tham số nguyên ‘fun['24']’ làm giá trị sự kiện title
  8. Trong tập lệnh, chúng tôi đã xác định hàm fun[] với tham số chung 'giá trị', nó sẽ tham chiếu cả tham số chuỗi, số nguyên làm đối số
  9. Trong chức năng, chúng tôi đã hiển thị kết quả bằng cách sử dụng phương thức cảnh báo [] sẽ mở hộp cảnh báo bật lên với kết quả khi chúng tôi chuyển giá trị tham số
  10. Chúng tôi cũng có thể truyền tham số dưới dạng các giá trị khác nhau của số nguyên hoặc số float hoặc ký tự giống như bất kỳ loại nào chúng tôi có thể hiển thị trên hộp cảnh báo bằng cách sử dụng khái niệm này
  11. Lần lượt đóng cả hai thẻ ,. Thẻ cho biết phần cuối của nội dung, Sau đó, thẻ cho biết phần cuối của tài liệu HTML

Phần kết luận. -

Tóm lại, bây giờ chúng ta có thể biết cách truyền tham số cho chức năng title bằng javascript

Khi chúng tôi thực thi chương trình trên trình duyệt, chúng tôi có thể thấy tiêu đề 'Tham số đã truyền sẽ hiển thị trên AlertBox' và hai nút 'Nhấp chuột' khi người dùng nhấp vào hộp cảnh báo nút đầu tiên sẽ bật lên với thông báo là 'Xin chào mọi người' của tham số chuỗi và khi người dùng nhấp vào

Tôi hy vọng hướng dẫn chuyển tham số cho hàm JavaScript title này sẽ giúp ích cho bạn và các bước cũng như phương pháp được đề cập ở trên sẽ dễ thực hiện và thực hiện

Tôi muốn vượt qua đối tượng lớp hoàn chỉnh [tôi. e đã khởi tạo một cái] thành một hàm select[] làm tham số khi tôi nhấp [i. e. đã chọn đối tượng hộp kiểm của thể hiện lớp]

Câu hỏi của tôi là dòng đó . cái này. cbox. setAttribute[' title','select[this]'];

Tôi cũng đã thử cách đó . cái này. cbox. setAttribute[' title','select["'+this+'"]']; .

Tôi không thể chuyển cả hộp kiểm lẫn đối tượng lớp [NodeElement] sang hàm select[] làm tham số. Làm thế nào tôi có thể làm điều đó?

Được chỉnh sửa vào ngày 5 tháng 8 bởi đại bàng
Tôi thêm câu để làm rõ hơn câu hỏi.

  • Trích dẫn

Liên kết để bình luậnChia sẻ trên các trang web khác

Nhiều tùy chọn chia sẻ hơn

đại bàng

Đăng ngày 5 tháng 8

đại bàng

  • Các thành viên
    • 47
    • 3

  • Tác giả

    • Chia sẻ

Đăng ngày 5 tháng 8

Tôi đã tìm thấy giải pháp một phần bằng cách sử dụng hàm tĩnh và trỏ đến hàm tĩnh của lớp này .

class NodeElement {
	no;
	x;
	y;
	tre;
	tdno;
	tdx;
	tdy;
	cbox;
	nodesArray;
	nodesTable;
	selected;
	constructor[ x, y,nodesArray, nodesTable] {
		
		nodeCounter++;
		
		this.no = nodeCounter;
		
		this.x = x;
		this.y = y;
		this.nodesArray = nodesArray;
		this.nodesTable = nodesTable;
		
		//create elements 
		this.tre = document.createElement["tr"];
		this.tre.id = "row"+this.no;
			
		this.tdno = document.createElement["td"];
		this.tdno.id = this.no; //get node number from session node array
		this.tdno.innerHTML = this.no;
		
		this.cbox = document.createElement["input"];
		this.cbox.type="checkbox";
		this.cbox.id="cbox"+this.no;
		this.cbox.value=this.no;
		this.cbox.name="cbox"+this.no;
		// INSTEAD OF THIS ONE  -> this.cbox.setAttribute[' title','select[]']; I USED BELOW ONE AND static FUNCTION I DEFINED BELOW
		this.cbox.setAttribute[' title','NodeElement.selecting[]'];

		this.tdx = document.createElement["td"];
		this.tdx.id="tdx"+this.no;
		this.tdx.innerHTML = this.x;
		
		this.tdy = document.createElement["td"];
		this.tdx.id="tdy"+this.no;
		this.tdy.innerHTML = this.y;
	}
	
	static selecting[] {
		var source =  window.event.target || window.event.srcElement ;
		if[source.checked] {
			console.log["selected..."];
		} else {
			console.log["un selected..."];
		}
	}
}

 

  • Trích dẫn

Liên kết để bình luậnChia sẻ trên các trang web khác

Nhiều tùy chọn chia sẻ hơn

đại bàng

Đăng ngày 5 tháng 8

đại bàng

  • Các thành viên
    • 47
    • 3

  • Tác giả

    • Chia sẻ

Đăng ngày 5 tháng 8

Tôi đã tìm thấy giải pháp một phần bằng cách sử dụng hàm tĩnh và trỏ đến hàm tĩnh của lớp này .

class NodeElement {
	no;
	x;
	y;
	tre;
	tdno;
	tdx;
	tdy;
	cbox;
	nodesArray;
	nodesTable;
	selected;
	constructor[ x, y,nodesArray, nodesTable] {
		
		nodeCounter++;
		
		this.no = nodeCounter;
		
		this.x = x;
		this.y = y;
		this.nodesArray = nodesArray;
		this.nodesTable = nodesTable;
		
		//create elements 
		this.tre = document.createElement["tr"];
		this.tre.id = "row"+this.no;
			
		this.tdno = document.createElement["td"];
		this.tdno.id = this.no; //get node number from session node array
		this.tdno.innerHTML = this.no;
		
		this.cbox = document.createElement["input"];
		this.cbox.type="checkbox";
		this.cbox.id="cbox"+this.no;
		this.cbox.value=this.no;
		this.cbox.name="cbox"+this.no;
		// INSTEAD OF THIS ONE  -> this.cbox.setAttribute[' title','select[]']; I USED BELOW ONE AND static FUNCTION I DEFINED BELOW
		this.cbox.setAttribute[' title','NodeElement.selecting[]'];

		this.tdx = document.createElement["td"];
		this.tdx.id="tdx"+this.no;
		this.tdx.innerHTML = this.x;
		
		this.tdy = document.createElement["td"];
		this.tdx.id="tdy"+this.no;
		this.tdy.innerHTML = this.y;
	}
	
	static selecting[] {
		var source =  window.event.target || window.event.srcElement ;
		if[source.checked] {
			console.log["selected..."];
		} else {
			console.log["un selected..."];
		}
	}
}

Tôi đã tìm ra lỗi của mình và giải quyết vấn đề. mã tĩnh không giải quyết được vấn đề của tôi vì tôi không thể chuyển một thể hiện của lớp ở đó, vì nó là một mã tĩnh.  

Lỗi của tôi là, tôi đã sử dụng trích dẫn đơn từ trong https. //www. người lập trình. com/code-examples/javascript/setattribute+ title  mã mẫu giống như vậy để đặt thuộc tính cho sự kiện title. Tuy nhiên, khi tôi thay đổi trích dẫn đơn thành trích dẫn kép, tôi đã làm những gì tôi muốn .

Đây là mã hoạt động .

 

class NodeElement {
	no;
	x;
	y;
	tre;
	tdno;
	tdx;
	tdy;
	cbox;
	nodesArray;
	nodesTable;
	selected;
	constructor[ x, y,nodesArray, nodesTable] {
		
		nodeCounter++;
		
		this.no = nodeCounter;
		
		this.x = x;
		this.y = y;
		this.nodesArray = nodesArray;
		this.nodesTable = nodesTable;
		
		//create elements 
		this.tre = document.createElement["tr"];
		this.tre.id = "row"+this.no;
			
		this.tdno = document.createElement["td"];
		this.tdno.id = this.no; //get node number from session node array
		this.tdno.innerHTML = this.no;
		
		this.cbox = document.createElement["input"];
		this.cbox.type="checkbox";
		this.cbox.id="cbox"+this.no;
		this.cbox.value=this.no;
		this.cbox.name="cbox"+this.no;
		// THIS PIECE OF CODE IS NOT WORKING FOR ME  -> this.cbox.setAttribute[' title','select[]']; BELOW CODE WORKS LIKE A CHARM
		this.cbox.setAttribute[" title","select[]"];
		
		this.tdx = document.createElement["td"];
		this.tdx.id="tdx"+this.no;
		this.tdx.innerHTML = this.x;
		
		this.tdy = document.createElement["td"];
		this.tdx.id="tdy"+this.no;
		this.tdy.innerHTML = this.y;
	}
}

 

  • Trích dẫn

Liên kết để bình luậnChia sẻ trên các trang web khác

Nhiều tùy chọn chia sẻ hơn

đại bàng

Đăng ngày 5 tháng 8

đại bàng

  • Các thành viên
    • 47
    • 3

  • Tác giả

    • Chia sẻ

Đăng ngày 5 tháng 8

Tôi cũng phải thêm chức năng chọn để hoàn thành giải pháp làm cách nào tôi có thể "chuyển đối tượng lớp"[i. e. chính xác hơn là "tìm" đối tượng nguồn/người gửi sự kiện trong số các thể hiện của lớp khác] .

 

function select[] {  //alternative function to find which checkbox is selected and its object
	var source =  window.event.target || window.event.srcElement ;
	for [let i = 0; i

Chủ Đề