For semantics I’d use a <button>
element like this:
<button class="link">Clicky</button>
to make the button look like normal text you can use CSS:
button.link { background:none; border:none; }
and for easiness of handing click I’d use jQuery like so:
$(".link").on("click", function(e) { // e is the event object // this is the button element // do stuff with them });
Although if you have an ID attribute on the button you can use plain JS like this:
var button = document.getElementById("your-button-id"); button.addEventListener("click", function(e) { // e is the event object // e.target is the button element // do stuff with them });
Related Posts:
- Failed to load resource: the server responded with a status of 404 (Not Found)
- Can I use complex HTML with Twitter Bootstrap’s Tooltip?
- How to make a word underline in Markdown
- ChartJS beginAtZero, min, max doesn’t work
- How do I check whether a checkbox is checked in jQuery?
- how to fix : ” TypeError: Cannot read property ‘addEventListener’ of null”…?//
- ReferenceError: $ is not defined
- React.js: Set innerHTML vs dangerouslySetInnerHTML
- (Google Map API) Geocode was not successful for the following reason: REQUEST_DENIED
- Check if checkbox is checked with jQuery
- Add swipe left/right to web page, but use default swipe up/down
- How can I get the data-id attribute?
- Check if checkbox is checked with jQuery
- How to resolve the C:\fakepath?
- Angular: mat-form-field must contain a MatFormFieldControl
- Change Background color (css property) using Jquery
- Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
- Get class name using jQuery
- How to clear the canvas for redrawing
- Adding options to select with javascript
- How does the data-toggle attribute work? (What’s its API?)
- Use images like checkboxes
- How to read xml file contents in jQuery and display in html elements?
- How do I scroll to an element using JavaScript?
- Programmatically change the src of an img tag
- display variable image using cookies
- character counter – backspace doesn’t reflect on characters remaining
- Open URL in same window and in same tab
- Error: Failed to execute ‘appendChild’ on ‘Node’: parameter 1 is not of type ‘Node’
- Cannot read property ‘getContext’ of null, using canvas
- How can I select an element by name with jQuery?
- Full-screen iframe with a height of 100%
- jQuery disable/enable submit button
- How to move an element after another element using JS or jquery?
- How to use Javascript to read local text file and read line by line?
- Parse an HTML string with JS
- Why is the jquery script not working?
- Shortest way to print current year in a website
- DOMException: Failed to load because no supported source was found
- OnChange event handler for radio button (INPUT type=”radio”) doesn’t work as one value
- Partial render in HTML/JavaScript
- Is it possible to append to innerHTML without destroying descendants’ event listeners?
- How to add onload event to a div element
- Why is marquee deprecated and what is the best alternative?
- Refresh/reload the content in Div using jquery/ajax
- Print the contents of a DIV
- Showing an image from an array of images – Javascript
- Set value to currency in
- SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
- HTML Entity Decode
- Retrieve the position (X,Y) of an HTML element
- How can I copy to clipboard in HTML5 without using flash?
- HTML5 rich-text inside textarea
- HTML onchange (this.value)
- How to scroll an HTML page to a given anchor
- How do I load an HTML page in a div using JavaScript?
- How do I check if a cookie exists?
- Highlight a word with jQuery
- ReactJS – .JS vs .JSX
- how to call a onclick function in tag?
- How do I refresh a DIV content?
- How to implement “select all” check box in HTML?
- JavaScript button onclick not working
- JavaScript button onclick not working
- jQuery sort elements using data id
- getContext is not a function
- JavaScript code to stop form submission
- Getting HTML form values
- How to change the text of a label?
- Change an image with onclick()
- JavaScript – Count Number of Visitor for Website
- Strip HTML from Text JavaScript
- How to run a function when the page is loaded?
- Disabled href tag
- Creating Accordion Table with Bootstrap
- Using “×” word in html changes to ×
- How do I store an array in localStorage?
- Creating Multiple Modals on a Single Page
- Closing Bootstrap modal onclick
- Fire oninput event with jQuery
- window.location() not working, not opening page
- How to clear the canvas for redrawing
- Default text on input
- Calling a JavaScript function in another js file
- JavaScript code not running in HTML5 document
- Javascript, viewing [object HTMLInputElement]
- Unexpected token < in first line of HTML
- Why onbeforeunload event is not firing
- How to make HTML element resizable using pure Javascript?
- How to set “style=display:none;” using jQuery’s attr method?
- WordPress Bootstrap Handburger Menu Wont Open
- Contact Form 7 – Give each checkbox a class?
- How to display post content in the block editor
- My Button Default Click Is Not Working In WordPress Using Javascript Code
- Do I just put the html in a page when enqueueng or do I also have to reference js file from the html page [closed]
- Putting custom html/js page into Elementor as it’s own block
- Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
- how to do open a link in a open window from menu bar? [closed]
- Making the HTML list to a checkbox tree with the plugin jstree [closed]
- Sending GravityForms to custom HTML